定義列表在實際開發用得不多,不過還是有一定的講解價值。
定義列表由兩部分組成:定義條件和定義描述。
語法:
<dl>
<dt>定義名詞</dt>
<dd>定義描述</dd>
……
</dl>
說明:
<dl>即“definition list(定義列表)”,<dt>即“definition term(定義名詞)”,而<dd>即“definition description(定義描述)”。理解標簽語義更有利於你記憶,而記憶HTML標簽的語義是HTML的基礎。更多標簽語義請查看HTML標簽的含義。
在該語法中,<dl>標記和</dl>標記分別定義了定義列表的開始和結束,<dt>後面添加要解釋的名詞,而在<dd>後面則添加該名詞的具體解釋。
舉例:
在線測試
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>定義列表</title>
</head>
<body>
<dl>
<dt>HTML</dt>
<dd>制作網頁的標准語言,控制網頁的結構</dd>
<dt>CSS</dt>
<dd>層疊樣式表,控制網頁的樣式</dd>
<dt>JavaScript</dt>
<dd>腳本語言,控制網頁的行為</dd>
</dl>
</body>
</html>
在浏覽器預覽效果如下:
盡管在一個自定義列表之外使用<dd>標簽來縮進文本非常有用,但這並不是有效的HTML,並且它會在某些浏覽器中造成難以預料的後果。
疑問1、定義列表
語法:
<dl>
<dt>定義名詞</dt>
<dd>定義描述</dd>
……
</dl>
說明:
<dl>即“definition list(定義列表)”,<dt>即“definition term(定義名詞)”,而<dd>即“definition description(定義描述)”。
在該語法中,<dl>標記和</dl>標記分別定義了定義列表的開始和結束,<dt>後面添加要解釋的名詞,而在<dd>後面則添加該名詞的具體解釋。