HTML5 <dl> 標(biāo)簽

2021-10-12 14:46 更新

實(shí)例

帶有項(xiàng)目和描述的描述列表:

<dl>
 <dt>咖啡</dt>
   <dd>黑色的熱飲</dd>
 <dt>牛奶</dt>
   <dd>白色的冷飲</dd>
</dl>
嘗試一下 ?

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流瀏覽器都支持 <dl> 標(biāo)簽。


標(biāo)簽定義及使用說明

<dl> 標(biāo)簽定義一個(gè)描述列表。

<dl> 標(biāo)簽與 <dt> (定義項(xiàng)目/名字)和 <dd> (描述每一個(gè)項(xiàng)目/名字)一起使用。


HTML 4.01 與 HTML5之間的差異

在 HTML 4.01 中,<dl> 標(biāo)簽定義一個(gè)定義列表。

在 HTML5 中,<dl> 標(biāo)簽定義一個(gè)描述列表。


全局屬性

<dl> 標(biāo)簽支持 HTML 的全局屬性


事件屬性

<dl> 標(biāo)簽支持 HTML 的事件屬性。


注意 :

請不要將該元素(也不要用 <ul> 元素)用來在頁面創(chuàng)建具有縮進(jìn)效果的內(nèi)容。雖然這樣的結(jié)果樣式看上去沒問題,但是,這是很糟糕的做法,并且語義也不清晰。

要改變描述列表中描述的縮進(jìn)量,請使用 CSS margin 屬性。

相關(guān)文章

HTML 教程:HTML 列表



以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號