dl列表在H5中的使用方法

2016-09-02 18:48:00 5939 3 编辑:Monster 来源:程序书籍

在HTML4中,dl列表用于定义列表,包含了一个术语及一个或多个定义。这个定义不明确而且容易令人混淆。

在HTML5中,将该元素进行了重新定义,重新定义后的dl列表包含多个带名字的列表项。每一项包含一条或多条带名字的dt元素,用来表示术语,dt元素后面紧跟一个或多个dd元素,用来表示定义。在一个元素内,不允许有相同名字的dt元素,不允许有重复的术语。

dl列表可以用来定义文章或网页上的术语解释,其代码如下所示。

<html>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>用于术语解释的dl列表示例</title>

<body>

<h3>用于术语解释的dl列表示例</h3>

<article>

    <h1>article 元素</h1>

    <p>一块独立的内容,可以用来表示博客中独立的一篇文章。。。</p>

    <aside>

        <h2>术语解释</h2>

        <dl>

            <dt>博客</dt>

            <dd>博客,又名为网络日志,部落阁等,是一种通常由个人管理...</dd>

        </dl>

    </aside>

</article>

</body>

</html>

运行这段代码的效果如下图所示。

dl列表在H5中的使用方法

本站文章均为深正网站建设摘自权威资料,书籍,或网络原创文章,如有版权纠纷或者违规问题,请即刻联系我们删除,我们欢迎您分享,引用和转载,但谢绝直接搬砖和抄袭!感谢...
关注深正互联

15

技术从业经验

多一份方案,会有收获...

联系深正互联,免费获得专属《策划方案》及报价

在线咨询
微信交谈
拒绝骚扰,我们只想为给您带来一些惊喜...
多一份免费策划方案,总有益处。

请直接添加技术总监微信联系咨询

深正互联微信
扫描即可沟通