【代碼】html5語義化標簽說明

2016-10-12 1465 0 編輯:深色多郎 來源:程序開發書籍

在工作上雖然大多數都是移動端的webapp,但是用到的html5語義化標簽還是不多,大部分還是以div這個容器為主,今天就來整理一下那些html5新增的容器標簽。

1、header,主要包括hgroup和h1-h6,可以是網頁的頭部,也可以是不同段落的頭部。

<header>

    <hgroup>

        <h1>標題</h1>

        <h2>副標題</h2>

    </hgroup>

</header>

2、nav,主要代表頁面的導航部分。

<nav>

    <ul>

        <li>temp1</li>

        <li>temp2</li>

        <li>temp3</li>

    </ul>

</nav>

3、section,代表文檔中的段,會帶標題。

<section>

    <h1>section</h1>

    <article>

        <h2>section使用</h2>

        <p>內容</p>

    </article>

</section>

4、article,代表一個文檔或者頁面,很容易跟section混淆。通常會帶有footer

<article>

    <header>

        <h1>標題</h1>        

    </header>

    <p>內容</p>

    <footer>

        <p>版權</p>

    </footer>

</article>

5、footer,代表網頁或section的頁腳。

<footer>

    <p>版權信息</p>

</footer>

最后說一下,不要因為有了html5標簽就舍棄div,html5標簽還是有他不適用的地方,div是沒有語義的所以可以用在任何地方。

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