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