|
方法 D: 愉快的包裝者
<ul>
<li>Apples</li>
<li>Spaghetti</li>
<li>Green Beans</li>
<li>Milk</li>
</ul>
是什么讓方法D變得如此特別?首先,它的語法完全正確,正確的無序清單具備了<ul>容器元素,同時(shí)每個(gè)項(xiàng)目都已<li>元素閉合起來.到這里你會想問,我們花費(fèi)了那么多力氣只來示范為了正確而正確?我們來看看這樣做能帶來的好處:
由于我們正確的標(biāo)記了我們的食品清單,每個(gè)項(xiàng)目都會獨(dú)占一行(因?yàn)閴K級元素<li>的關(guān)系),而且大多數(shù)瀏覽器會給每個(gè)項(xiàng)目的左邊增加一個(gè)小圓點(diǎn)符號,并且進(jìn)行正確的行內(nèi)縮進(jìn)換行.(見圖 1 - 3)
圖1 - 3
PDA,移動電話,或者其他的小屏幕設(shè)備的用戶也可以看到清楚的,關(guān)系明確的組織方式,由于我們告訴了這些設(shè)備這些資料的類型(在這個(gè)示例里是清單),因此這些設(shè)備能夠根據(jù)自己的能力決定怎樣顯示才能達(dá)到最好的效果.
如果因?yàn)榉糯笞痔柣蛘呖s小瀏覽器視窗寬度等原因造成換行,那么被換行的文字會行內(nèi)縮進(jìn)到與第一行文字對齊的位置,所以不管瀏覽器環(huán)境如何,都可以輕松的識別每個(gè)清單項(xiàng)目.
出處：藍(lán)色理想
責(zé)任編輯：moby
上一頁 標(biāo)記語言——清單 [4] 下一頁 標(biāo)記語言——清單 [6]
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評論。
|
第 1 頁 
第 5 頁 標(biāo)記語言——清單 [5]
