自定义列表的介绍
场景使用介绍:在网页的底部导航中通常会使用自定义列表实现。
标签的组成介绍:
dl:表示自定义列表的整体,用于包含dt/dd标签。
dt:表示自定义列表的主题。
dd:表示自定义列表的针对主体的每一项内容。
显示特点的介绍:
dd前会默认显示缩进效果。
注意事项介绍:
dl标签中只允许包含dt/dd标签。
dt/dd标签可以包含任意内容。
程序代码示例:<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h4>自定义列表效果展示</h4>
<dl>
<dt>效果展示</dt>
<dd>wangdongdong</dd>
<dd>wangdongdong</dd>
<dd>wangdongdong</dd>
<dd>wangdongdong</dd>
</dl>
</body>
</html>
程序执行效果: