dl列表在H5中的使用方法

2016-09-02 2775 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中的使用方法

本站文章均為深正網站建設摘自權威資料,書籍,或網絡原創文章,如有版權糾紛或者違規問題,請即刻聯系我們刪除,我們歡迎您分享,引用和轉載,但謝絕直接搬磚和抄襲!感謝...
關注深正互聯
七星彩头尾