定义列表
<dl> 标签定义列表(definition list)。
<dl> 标签用于结合 <dt> (定义列表中的项目)和 <dd> (描述列表中的项目)。
举例:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20 |
<!DOCTYPE html> < html lang = "zh" > < head > < meta charset = "utf-8" > < title >5.4 定义列表</ title > </ head > < body > < dl > < dt >李白</ dt > < dd >字太白,号青莲居士,唐代伟大的浪漫主义诗人</ dd > < dd >代表作有《望庐山瀑布》《行路难》《蜀道难》</ dd > < dt >苏轼</ dt > < dd >字子瞻、北宋著名文学家、书法家、画家,历史治水名人。</ dd > < dd >作品有《东坡七集》《东坡易传》《东坡乐府》</ dd > < dt >白居易</ dt > < dd >字乐天,号香山居士,唐代三大诗人之一。</ dd > < dd >代表诗作有《长恨歌》、《卖炭翁》、《琵琶行》等。</ dd > </ dl > </ body > </ html > |
运行浏览器后得到的效果如图
附加说明:<dl><dt><dd>可以看成是组合标签,<dt><dd>最外层必须用<dl>包裹,此组合标签我们也又叫表格标签,与table表格类似组合标签,故名我们也叫dl表格。<dt>可以理解为列表标题,<dd>可以理解为内容,能缩进。
我们实践使用<dl><dt><dd>标签最多地方,通常是具有标题,而标题下对应有若干列表简单的(栏目标题+对应标题列表)和标题对应下面有内容。
你觉得文章内容怎么样