WEB標準學習經驗總結

2024-07-11 08:25:09

字體：大中小

來源：轉載

供稿：網友

今天在群里，熊貓君提議整理一個帖子，一方面為初學者提供一個入門指南，另一方面也象借此和已經在從事這個行業進行一點交流。下面是我從事這個行當多年的一些經驗總結，希望拋磚引玉，大家不吝賜教。
１、必備工具
　　其實web標準并不是很復雜的技術，實現web標準的工具也很簡單，說白了，只要可以進行純文本編輯的軟件，都可以作為代碼編寫的gon工具。例如記事本、UltraEdit甚至CuteFTP的編輯器（象我這種懶人有時候就用那玩藝兒直接在線編輯，汗）。
　　而另一些較專業軟件會提供高亮顯示代碼（前面提到的UltraEdit也具有此項功能）、代碼提示、自動閉合標簽等等功能，使用起來會大大提高工作效率。如DreamWeaver、MSExpression、EditPlus等等，這些編輯軟件目前是絕對的主流，無論是初學者上手容易還是專業人士提高效率都是不錯的選擇。
　　再說說瀏覽器環境，目前一臺機器同時裝IE、Firefox、Opera、Safari已經不是難事，而IE7Standalone和MultipleIE的問世也讓IE7和低版本IE并存成為可能。推薦瀏覽器環境——本機安裝IE7、FF、Opera、Safari，同時安裝MultipleIE。從我個人的使用經驗，IE7Standalone存在一定的缺陷，有可能導致本機安裝的IE6無法正常使用。
　　除了編輯器以外，還有就是必不可少的調試工具啦，首推當然是Firefox下的Firebug！IE下目前還沒有與之相當的調試工具，比較好的有IEdevelopmenttoobar、IEDebugbar等等，不過和Firebug完全不是一個檔次的東西，只能說勉強湊合用。
２、必備的HTML/XHTML基礎
　　說到基礎，其實正是我最想談的。從論壇許多的帖子也可以看出來，大多數問題的產生是由于制作者本身基礎的不牢固。而HTML/XHTML作為基礎中的基礎，更是許多人的薄弱環節。然而很多人還是喜歡一上來就問布局或者Hack這些技巧方面的問題，其實很多問題如果本人的基礎牢固了，幾乎不能被稱之為問題。
　　web標準必備的HTML/XHTML基礎，大致有幾個方面：
　　1、每個標簽的語義，這一點是網頁標準的根本。而整個網頁標準化幾乎都是圍繞著這一點而來的，明確了語義，才能選擇合適的標簽；明確了語義，才能構建可讀性良好的結構。例如<h1>就是網站最高等級的標題，它不應該放在<h2>層級之下；例如<fieldset>和<legend>，主要用于表單元素分組，不應該因為它那個漂亮的邊框就用來表現新聞列表。
　　2、每個標簽的初始樣式，現在有很多重置標簽樣式就是針對這一點，因為每個標簽在不同瀏覽器下的初始樣式是不同的，而重置樣式是為了更好地實現網頁兼容性。從我個人的角度來說，不推薦初學者一上來就了解如何重置樣式，而應該從了解標簽的初始樣式入手，先了解了這些，才能明白每一行重置樣式的代碼的真正含義。

上一篇：IE對網頁中引入CSS樣式表的限制

下一篇：Web標準：文檔類型和網頁瀏覽器