web標(biāo)準(zhǔn)必備的HTML/XHTML基礎(chǔ)

2022-06-20    分類: 網(wǎng)站建設(shè)

說(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è)方面:

每個(gè)標(biāo)簽的語(yǔ)義,這一點(diǎn)是網(wǎng)頁(yè)標(biāo)準(zhǔn)的根本。而整個(gè)網(wǎng)站建設(shè)網(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)新聞列表。
    每個(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)簽的初始樣式入手,先了解了這些,才能明白每一行重置樣式的代碼的真正含義。
    標(biāo)簽的正確嵌套規(guī)則,同時(shí)還必須了解的是哪些標(biāo)簽屬于塊元素,而哪些屬于行內(nèi)元素。這是即使是高手也會(huì)經(jīng)常忽略的方面,例如本人(^_^)。今天看到 這個(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)。
    標(biāo)簽的屬性。這個(gè)又要分為兩方面,一是符合標(biāo)準(zhǔn)的常用屬性及對(duì)應(yīng)的值,例如的summary屬性、
<rt id="nsdwy"><small id="nsdwy"><wbr id="nsdwy"></wbr></small></rt>
的scope屬性、