標(biāo)準(zhǔn)化設(shè)計解決方案 - 標(biāo)記語言和樣式手冊
web standards solutions the markup and style handbook

part 1: get down with markup  從標(biāo)記語法談起

chapter 1 清單

在網(wǎng)絡(luò)上幾乎每個頁面都能找到清單. 超鏈接清單;購物車物品清單;你中意的電影清單...甚至是整個網(wǎng)站的導(dǎo)航清單.可能在某些人看來,清單的建立是隨心所欲的,但是我們要去探索發(fā)現(xiàn)的正是如何建立清單以及集中幾種常用方法的優(yōu)缺點.稍后,我們會列出幾個如何美化普通清單一集他們的優(yōu)缺點的示例來.

咱們?nèi)ベ徫锇?/strong>

最初,我打算用一個細(xì)目清單(洗衣清單)來作為本章的示例,但是很快的,我就意識到,我根本不知道這種清單中應(yīng)該包括那些細(xì)目,所以...看在示例的份上,就用食物來舉例吧!

讓我們設(shè)想,你需要把一個食品清單放到你自己的網(wǎng)站上去,你可能會為為什么要把食物清單放到網(wǎng)站上去而感到不解,厄,這個可能就離題了,我們只是需要一個可以開始為清單思考的理由罷了...

在頁面上,假設(shè)我們想讓清單看起來像......好吧,看起來就像一個清單 — 也就是一長串垂直的列表,里面的每項內(nèi)容獨占一行:

apples
spaghetti
green beans
milk

看起來非常簡單,不是嗎?和頁面設(shè)計開發(fā)的許多方面類似,我們能夠通過很多不同的方法達(dá)成相同(或者類似)的效果.與這本書后面所有的示例相同的,我將以extensilble hypertext markup language(xhtml)的觀點來展現(xiàn)所有示例 — 并且確認(rèn)選用的方法都使用正確的標(biāo)記語法,遵照world wild web consortium (w3c)所制定的各種標(biāo)準(zhǔn).

我們可以輕松的在每個項目后面加上個<br />標(biāo)簽就搞定了,或者也能使用各種清單項目標(biāo)簽來完成這個工作,現(xiàn)在我們就來看3種完全不同的方法,以及每種方法的特點.