標準化設(shè)計解決方案 - 標記語言和樣式手冊 Web Standards Solutions The Markup and Style Handbook Part 1: Get Down With Markup 從標記語法談起 Chapter 1 清單 在網(wǎng)絡(luò)上幾乎每個頁面都能找到清單. 超鏈接清單;購物車物品清單;你中意的電影清單...甚至是整個網(wǎng)站的導航清單.可能在某些人看來,清單的建立是隨心所欲的,但是我們要去探索發(fā)現(xiàn)的正是如何建立清單以及集中幾種常用方法的優(yōu)缺點.稍后,我們會列出幾個如何美化普通清單一集他們的優(yōu)缺點的示例來.
咱們?nèi)ベ徫锇?/strong>
最初,我打算用一個細目清單(洗衣清單)來作為本章的示例,但是很快的,我就意識到,我根本不知道這種清單中應該包括那些細目,所以...看在示例的份上,就用食物來舉例吧!
讓我們設(shè)想,你需要把一個食品清單放到你自己的網(wǎng)站上去,你可能會為為什么要把食物清單放到網(wǎng)站上去而感到不解,厄,這個可能就離題了,我們只是需要一個可以開始為清單思考的理由罷了...
在頁面上,假設(shè)我們想讓清單看起來像......好吧,看起來就像一個清單 — 也就是一長串垂直的列表,里面的每項內(nèi)容獨占一行:
Apples Spaghetti Green Beans Milk 看起來非常簡單,不是嗎?和頁面設(shè)計開發(fā)的許多方面類似,我們能夠通過很多不同的方法達成相同(或者類似)的效果.與這本書后面所有的示例相同的,我將以eXtensilble HyperText Markup Language(XHTML)的觀點來展現(xiàn)所有示例 — 并且確認選用的方法都使用正確的標記語法,遵照World Wild Web Consortium (W3C)所制定的各種標準.
我們可以輕松的在每個項目后面加上個<br />標簽就搞定了,或者也能使用各種清單項目標簽來完成這個工作,現(xiàn)在我們就來看3種完全不同的方法,以及每種方法的特點.