主體結構元素 2

主體結構元素,它是爲了語義可以結構化,說白了就是爲了更好的SEO,再白一點就是爲了瀏覽器更好的抓數據。包含的元素:article、section、nav、aside、time
(1)article(使用頻率低)

<body>
    <article>
        <header>
            HTML5課程
        </header>
        <!--<h2>HTML5課程</h2>-->
        <p>輕鬆學習HTML5,歡迎來到<a href="http://www.huadianedu.com">華點軟件學院</a></p>
    </article>
</body>

Article標籤從語言上看,可以翻譯爲文章、文檔、頁面。
通常的用法:一篇文章、一個頁面、一個獨立完整的內容。這個標籤強調的是內容的獨立性。同時,一般article元素裏面會嵌套一個header()標籤
(2)section(使用頻率低)

<body>
    <article>
        <h1>蘋果</h1>
        <p>蘋果是一種常見的好吃的水果,而且大家都喜歡吃。</p>
        <section>
            <h3>紅富士</h3>
            <p>紅色的蘋果</p>
        </section>
        <section>
            <h3>國光</h3>
            <p>酸酸的蘋果</p>
        </section>
    </article>
</body>

section標籤從語義上看,可以翻譯爲段落章節。
通常的用法:是文章中的一段,這一段通常由標題和內容組成。
該標籤的特點:強調分段分塊。

(3)nav(使用頻率高)

<body>
    <header>
        <div class="logo">
            <nav>
                <ul>
                    <li>H5發展史</li>
                    <li>CSS發展史</li>
                    <li>EMScript發展史</li>
                </ul>
            </nav>
        </div>
    </header>
</body>

Nav:是導航navigation的縮寫。
通常的用法:導航條、頁面導航、翻頁操作。
該標籤的特點:強調分段分塊。
(4)aside(使用頻率低)

<body>
    <article>
        <h1>馬雲是誰</h1>
        <p>馬雲,男,1964年9月10日生於浙江省杭州市,祖籍浙江省嵊州市(原嵊縣)谷來鎮,
            阿里巴巴集團主要創始人,現擔任阿里巴巴集團董事局主席、日本軟銀董事、TNC(
            大自然保護協會)中國理事會主席兼全球董事會成員、華誼兄弟董事、生命科學突破
            獎基金會董事。</p>
        <aside>
            <h1>參考資料</h1>
            <p>百度百科</p>
        </aside>
    </article>
    <aside>
        <nav>
            <ul>
                <li><a href="#">博博的博客</a> </li>
                <li><a href="#">丹丹的博客</a> </li>
                <li><a href="#">彬彬的博客</a> </li>
                <li><a href="#">笑笑的博客</a> </li>
            </ul>
        </nav>
    </aside>
</body>

Aside元素從語義上看,可以翻譯爲旁邊、側邊、輔助。
通常的用法:放在article元素裏面,作爲附屬信息部分,比如參考信息、名稱解釋。放在article元素外面,作爲整個頁面的附屬信息,比如側邊欄、友情鏈接、廣告區域。

(5)time(壓根不用)
Time:時間標籤
通常用法:表示24小時的某個時刻或者某個日期。
注:該標籤,所有瀏覽器都不支持。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章