|
方法 C: 接近了
<li>Apples</li>
<li>Spaghetti</li>
<li>Green Beans</li>
<li>Milk</li>
方法C更加的接近完美的解決方案了,但是還是悲慘的失敗了,原因還是非常明顯:這仍然不符合標(biāo)準(zhǔn)的標(biāo)記語法.
我們已經(jīng)把<li>標(biāo)簽關(guān)閉了,因?yàn)?lt;li>是塊級元素(block-level),因此在使用上可以去掉<br />標(biāo)簽,這樣每個(gè)項(xiàng)目都獨(dú)占一行,但是,我們卻漏了它的外層結(jié)構(gòu),缺少了一個(gè)表示"這群項(xiàng)目是一個(gè)清單!"的元素.
從語義化的角度看這個(gè)問題也非常重要 — 清單是一組項(xiàng)目歸屬在一起,因此我們應(yīng)該為它們加上這樣的標(biāo)簽,此外,使用正確的清單標(biāo)簽?zāi)芮宄嬖V瀏覽器,軟件或者顯示設(shè)備"這組項(xiàng)目是個(gè)清單!",語義化標(biāo)簽的意義就在于將內(nèi)容根據(jù)他們所屬的類別進(jìn)行結(jié)構(gòu)性的搭建.
塊級(block-level)與行內(nèi)(inline): HTML元素可以分為塊級與行內(nèi)兩大類型,塊級元素會(huì)從新行開始,最后接著一個(gè)斷行,而行內(nèi)元素則會(huì)與其他的行內(nèi)元素顯示在同一行內(nèi),塊級元素可以包括其他塊級元素和行內(nèi)元素,而行內(nèi)元素里面不能包含塊級元素.
塊級元素包括:<div>,<h1>-<h6>,<form>等等,行內(nèi)元素包括:<span>,<strong>,<em>,<q>等等.
如果以純XML的角度來看我們的食品清單,或許我們會(huì)使用這樣的方式進(jìn)行標(biāo)注:
<grocerylist>
<item>Apples</item>
<item>Spaghetti</item>
<item>Green Beans</item>
<item>Milk</item>
</grocerylist>
整個(gè)清單有一個(gè)容器元素<grocerylist>,所有的食品項(xiàng)目都包含在里面,以這種方式歸類項(xiàng)目,可以基于XML的應(yīng)用輕松的從清單里面抽取出所有的項(xiàng)目.
舉例來說,一個(gè)開發(fā)者需要編寫一份XSLT樣式表,將這個(gè)清單轉(zhuǎn)成xhtml,純文字,甚至是pdf文件,因?yàn)榱斜眄?xiàng)目的結(jié)構(gòu)表現(xiàn)的非常清晰,所以程序可以輕松的獲取信息并作出一些有用的處理.
雖然在這本書里我并不直接處理XML,但是這些原則也適用于XHTML世界,如果文檔使用非常語義化的標(biāo)簽結(jié)構(gòu),將可以提升文檔今后的靈活度,不管是為結(jié)構(gòu)清晰的文檔加上css樣式表還是修改容易理解的文檔 — 只要提供正確的結(jié)構(gòu),就能節(jié)省許多今后在維護(hù)時(shí)可能浪費(fèi)掉的時(shí)間.
接著,我們仔細(xì)的看看方法D,看看這些怎么樣結(jié)合在一起 — 一個(gè)能被大多數(shù)瀏覽器和屏幕閱讀器識別并顯示的文檔,同時(shí)又允許我們使用各種不同的方法為文檔加上樣式.
出處：藍(lán)色理想
責(zé)任編輯：moby
上一頁 標(biāo)記語言——清單 [3] 下一頁 標(biāo)記語言——清單 [5]
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評論。
|
第 1 頁 
第 4 頁 標(biāo)記語言——清單 [4]
