HTML中級(jí)教程自定義列表_XHTML教程
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
在HTML初級(jí)教程中我們教授了無(wú)序列表和有序列表,很不幸,很像Peter Cushing的博士Who,自定義列表很輕易被忽略。可能是因?yàn)樽远x列表需要比無(wú)序列表和有序列表更多的設(shè)置和似乎更少用。當(dāng)遭遇一系列術(shù)語(yǔ)與解釋的列表(比如術(shù)語(yǔ)表)時(shí),自定義列表就會(huì)很有用了。
dl元素像ul元素和ol元素一樣確立列表。不同的是,自定義列表用dt(definition term,定義術(shù)語(yǔ))元素來(lái)代替li元素,其后跟隨dd(definition description,定義描述)元素。
不局限于一個(gè)dt跟著一個(gè)dd,而是任意的。比如有很多同義詞,就可能一個(gè)dt跟著許多dd。假如有一個(gè)有許多不同意義的詞,就可能許多dd后只有一個(gè)dt。
dl元素像ul元素和ol元素一樣確立列表。不同的是,自定義列表用dt(definition term,定義術(shù)語(yǔ))元素來(lái)代替li元素,其后跟隨dd(definition description,定義描述)元素。
不局限于一個(gè)dt跟著一個(gè)dd,而是任意的。比如有很多同義詞,就可能一個(gè)dt跟著許多dd。假如有一個(gè)有許多不同意義的詞,就可能許多dd后只有一個(gè)dt。
示例代碼 [m.hl5o.cn]
<h1>Some random glossary thing</h1>
<dl>
<dt>HTML</dt>
<dd>Abbreviation for HyperText Markup Language - a language used to make web pages.</dd> <dt>Dog</dt>
<dd>Any carnivorous animal belonging to the family Canidae.</dd>
<dd>The domesticated sub-species of the family Canidae, Canis lupus familiaris.</dd>
<dt>Moo juice</dt>
<dt>Cat beer</dt>
<dt>Milk</dt>
<dd>A white liquid produced by cows and used for human consumption.</dd>
</dl>
<dl>
<dt>HTML</dt>
<dd>Abbreviation for HyperText Markup Language - a language used to make web pages.</dd> <dt>Dog</dt>
<dd>Any carnivorous animal belonging to the family Canidae.</dd>
<dd>The domesticated sub-species of the family Canidae, Canis lupus familiaris.</dd>
<dt>Moo juice</dt>
<dt>Cat beer</dt>
<dt>Milk</dt>
<dd>A white liquid produced by cows and used for human consumption.</dd>
</dl>
相關(guān)XHTML教程:
- HTML5 INPUT placeholder及兼容性處理
- HTML表單里的Label標(biāo)簽
- 淺析HTML與javascript中常用編碼
- CSS網(wǎng)頁(yè)布局中必須要了解的幾個(gè)XHTML標(biāo)簽
- title和alt 標(biāo)簽介紹及其異同
- 淺析HTML標(biāo)簽strong和em的區(qū)別
- 說(shuō)說(shuō)XHTML中的alt屬性和title屬性
- Semantics語(yǔ)義是Html Xhtml是否真正符合標(biāo)準(zhǔn)的重要部分
- 九個(gè)W3C XHTML1.0及CSS標(biāo)準(zhǔn)認(rèn)證需要注意的問(wèn)題
- 請(qǐng)注意頁(yè)面head區(qū)域的編碼是不是規(guī)范
- HTML validate - 驗(yàn)證HTML代碼穿越多重瀏覽器標(biāo)準(zhǔn)
- XHTML具有語(yǔ)義的標(biāo)簽:有關(guān)H1位置的討論
XHTML教程Rss訂閱Div+Css教程搜索
XHTML教程推薦
- XHTML入門(mén)學(xué)習(xí)教程:框架標(biāo)簽使用
- HTML5語(yǔ)言:Apple Opera Mozilla將支持
- HTML高級(jí)教程文本
- HTML教程,簡(jiǎn)單學(xué)習(xí)HTML語(yǔ)言
- 超鏈接圖標(biāo)規(guī)范:提升文章的可閱讀性
- HTML5的結(jié)構(gòu)和語(yǔ)義——語(yǔ)義性的塊級(jí)元素(三)
- table中cellpadding、cellpadding樣式定義
- HTML5的結(jié)構(gòu)和語(yǔ)義——語(yǔ)義性的內(nèi)聯(lián)元素(四)
- XHTML中的alt屬性和title屬性
- HTML表格標(biāo)記教程(1):制作表格
猜你也喜歡看這些
- HTML默認(rèn)樣式表CSS屬性匯總
- CSS中import與link的區(qū)別
- CSS教程:水平對(duì)齊(text-align)
- 應(yīng)該如何合理的應(yīng)用CSS整體布局聲明
- 學(xué)習(xí)CSS制作網(wǎng)頁(yè)總結(jié)的一些經(jīng)驗(yàn)
- IE6不支持的CSS的type選擇器
- CSS教程17、CSS的優(yōu)先級(jí)特性Specificity[翻譯Htmldog]
- CSS實(shí)現(xiàn)當(dāng)前頁(yè)的滑動(dòng)門(mén)菜單效果方法
- CSS繼承性之深入剖析(3)
- 關(guān)于同頁(yè)面多個(gè)id選擇符的釋義
- 相關(guān)鏈接:
- 教程說(shuō)明:
XHTML教程-HTML中級(jí)教程自定義列表
。