標記語言——清單_XHTML教程
標準化設計解決方案 - 標記語言和樣式手冊
Web Standards Solutions The Markup and Style Handbook
Part 1: Get Down With Markup 從標記語法談起
Chapter 1 清單
在網(wǎng)絡上幾乎每個頁面都能找到清單. 超鏈接清單;購物車物品清單;你中意的電影清單...甚至是整個網(wǎng)站的導航清單.可能在某些人看來,清單的建立是隨心所欲的,但是我們要去探索發(fā)現(xiàn)的正是如何建立清單以及集中幾種常用方法的優(yōu)缺點.稍后,我們會列出幾個如何美化普通清單一集他們的優(yōu)缺點的示例來.
咱們?nèi)ベ徫锇?/strong>
最初,我打算用一個細目清單(洗衣清單)來作為本章的示例,但是很快的,我就意識到,我根本不知道這種清單中應該包括那些細目,所以...看在示例的份上,就用食物來舉例吧!
讓我們設想,你需要把一個食品清單放到你自己的網(wǎng)站上去,你可能會為為什么要把食物清單放到網(wǎng)站上去而感到不解,厄,這個可能就離題了,我們只是需要一個可以開始為清單思考的理由罷了...
在頁面上,假設我們想讓清單看起來像......好吧,看起來就像一個清單 — 也就是一長串垂直的列表,里面的每項內(nèi)容獨占一行:
Apples
Spaghetti
Green Beans
Milk
看起來非常簡單,不是嗎?和頁面設計開發(fā)的許多方面類似,我們能夠通過很多不同的方法達成相同(或者類似)的效果.與這本書后面所有的示例相同的,我將以eXtensilble HyperText Markup Language(XHTML)的觀點來展現(xiàn)所有示例 — 并且確認選用的方法都使用正確的標記語法,遵照World Wild Web Consortium (W3C)所制定的各種標準.
我們可以輕松的在每個項目后面加上個<br />標簽就搞定了,或者也能使用各種清單項目標簽來完成這個工作,現(xiàn)在我們就來看3種完全不同的方法,以及每種方法的特點.
- HTML5 INPUT placeholder及兼容性處理
- HTML表單里的Label標簽
- 淺析HTML與javascript中常用編碼
- CSS網(wǎng)頁布局中必須要了解的幾個XHTML標簽
- title和alt 標簽介紹及其異同
- 淺析HTML標簽strong和em的區(qū)別
- 說說XHTML中的alt屬性和title屬性
- Semantics語義是Html Xhtml是否真正符合標準的重要部分
- 九個W3C XHTML1.0及CSS標準認證需要注意的問題
- 請注意頁面head區(qū)域的編碼是不是規(guī)范
- HTML validate - 驗證HTML代碼穿越多重瀏覽器標準
- XHTML具有語義的標簽:有關H1位置的討論
- 相關鏈接:
- 教程說明:
XHTML教程-標記語言——清單
。