5.4 定义列表
来源:网络作者:站长
<dl> 标签定义列表(definition list)。
<dl> 标签用于结合 <dt> (定义列表中的项目)和 <dd> (描述列表中的项目)。
举例:
<!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>标签最多地方,通常是具有标题,而标题下对应有若干列表简单的(栏目标题+对应标题列表)和标题对应下面有内容。
你觉得文章内容怎么样