首頁(yè)?>?知識(shí)?資訊?>?網(wǎng)站設(shè)計(jì)中的WEB標(biāo)準(zhǔn)總結(jié)！?>?正文

網(wǎng)站設(shè)計(jì)中的WEB標(biāo)準(zhǔn)總結(jié)！

2010/6/21 0:00:00 · 稿源：傳誠(chéng)信

下面是我們從事這個(gè)網(wǎng)站建設(shè)行業(yè)多年的一些經(jīng)驗(yàn)總結(jié)，希望拋磚引玉。

１、必備工具

　　其實(shí)web標(biāo)準(zhǔn)并不是很復(fù)雜的技術(shù)，實(shí)現(xiàn)web標(biāo)準(zhǔn)的工具也很簡(jiǎn)單，說(shuō)白了，只要可以進(jìn)行純文本編輯的軟件，都可以作為代碼編寫的gon工具。例如記事本、UltraEdit甚至CuteFTP的編輯器（象我這種懶人有時(shí)候就用那玩藝兒直接在線編輯，汗）。
　　而另一些較專業(yè)軟件會(huì)提供高亮顯示代碼（前面提到的UltraEdit也具有此項(xiàng)功能）、代碼提示、自動(dòng)閉合標(biāo)簽等等功能，使用起來(lái)會(huì)大大提高工作效率。如DreamWeaver、MS Expression、EditPlus等等，這些編輯軟件目前是絕對(duì)的主流，無(wú)論是初學(xué)者上手容易還是專業(yè)人士提高效率都是不錯(cuò)的選擇。

　　再說(shuō)說(shuō)瀏覽器環(huán)境，目前一臺(tái)機(jī)器同時(shí)裝IE、Firefox、Opera、Safari已經(jīng)不是難事，而IE7 Standalone和MultipleIE的問(wèn)世也讓IE7和低版本IE并存成為可能。推薦瀏覽器環(huán)境——本機(jī)安裝IE7、FF、Opera、Safari，同時(shí)安裝MultipleIE。從我個(gè)人的使用經(jīng)驗(yàn)，IE7 Standalone存在一定的缺陷，有可能導(dǎo)致本機(jī)安裝的IE6無(wú)法正常使用。

　　除了編輯器以外，還有就是必不可少的調(diào)試工具啦，首推當(dāng)然是Firefox下的Firebug！IE下目前還沒(méi)有與之相當(dāng)?shù)恼{(diào)試工具，比較好的有IE development toobar、IE Debugbar等等，不過(guò)和Firebug完全不是一個(gè)檔次的東西，只能說(shuō)勉強(qiáng)湊合用。

２、必備的HTML/XHTML基礎(chǔ)

　　說(shuō)到基礎(chǔ)，其實(shí)正是我最想談的。從論壇許多的帖子也可以看出來(lái)，大多數(shù)問(wèn)題的產(chǎn)生是由于制作者本身基礎(chǔ)的不牢固。而HTML/XHTML作為基礎(chǔ)中的基礎(chǔ)，更是許多人的薄弱環(huán)節(jié)。然而很多人還是喜歡一上來(lái)就問(wèn)布局或者Hack這些技巧方面的問(wèn)題，其實(shí)很多問(wèn)題如果本人的基礎(chǔ)牢固了，幾乎不能被稱之為問(wèn)題。
　　web標(biāo)準(zhǔn)必備的HTML/XHTML基礎(chǔ)，大致有幾個(gè)方面：
　　1、每個(gè)標(biāo)簽的語(yǔ)義，這一點(diǎn)是網(wǎng)頁(yè)標(biāo)準(zhǔn)的根本。而整個(gè)網(wǎng)頁(yè)標(biāo)準(zhǔn)化幾乎都是圍繞著這一點(diǎn)而來(lái)的，明確了語(yǔ)義，才能選擇合適的標(biāo)簽；明確了語(yǔ)義，才能構(gòu)建可讀性良好的結(jié)構(gòu)。例如

就是網(wǎng)站最高等級(jí)的標(biāo)題，它不應(yīng)該放在

層級(jí)之下；例如
和，主要用于表單元素分組，不應(yīng)該因?yàn)樗莻€(gè)漂亮的邊框就用來(lái)表現(xiàn)新聞列表。
　　2、每個(gè)標(biāo)簽的初始樣式，現(xiàn)在有很多重置標(biāo)簽樣式就是針對(duì)這一點(diǎn)，因?yàn)槊總€(gè)標(biāo)簽在不同瀏覽器下的初始樣式是不同的，而重置樣式是為了更好地實(shí)現(xiàn)網(wǎng)頁(yè)兼容性。從我個(gè)人的角度來(lái)說(shuō)，不推薦初學(xué)者一上來(lái)就了解如何重置樣式，而應(yīng)該從了解標(biāo)簽的初始樣式入手，先了解了這些，才能明白每一行重置樣式的代碼的真正含義。
　　3、標(biāo)簽的正確嵌套規(guī)則，同時(shí)還必須了解的是哪些標(biāo)簽屬于塊元素，而哪些屬于行內(nèi)元素。這是即使是高手也會(huì)經(jīng)常忽略的方面，例如本人（^_^）。今天看到http://bbs.blueidea.com/thread-2834342-1-1.html這個(gè)帖子的時(shí)候，才意識(shí)到，原來(lái)之前對(duì)dt、dd的嵌套規(guī)則理解有誤，二者不能一視同仁。HTML/XHTML的嵌套規(guī)則并不算簡(jiǎn)單，常用的標(biāo)簽不過(guò)三十個(gè)上下，就有大約二十種不同的嵌套規(guī)則，稍不留神就會(huì)出錯(cuò)。雖然不嚴(yán)格遵循并不會(huì)影響頁(yè)面的表現(xiàn)，但養(yǎng)成一個(gè)良好的習(xí)慣是很重要的，它往往能決定你在這條路上可以走多遠(yuǎn)。
　　4、標(biāo)簽的屬性。這個(gè)又要分為兩方面，一是符合標(biāo)準(zhǔn)的常用屬性及對(duì)應(yīng)的值，例如的summary屬性、
    <samp id="uvci8"></samp>
      的scope屬性、