標準化設計解決方案 - 標記語言和樣式手冊
Web Standards Solutions The Markup and Style Handbook

Part 1: Get Down With Markup 從標記語法談起

Chapter 1 清單

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

咱們去購物吧

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

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

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

Apples
Spaghetti
Green Beans
Milk

看起來非常簡單,不是嗎?和頁面設計開發的許多方面類似,我們能夠通過很多不同的方法達成相同(或者類似)的效果.與這本書后面所有的示例相同的,我將以eXtensilble HyperText Markup Language(XHTML)的觀點來展現所有示例 — 并且確認選用的方法都使用正確的標記語法,遵照World Wild Web Consortium (W3C)所制定的各種標準.

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