html5入门初学者笔记(三)-html5新增的结构元素

时间:2021-08-29 19:37:54

在H5中,新增的元素

1.section,表示页面中的一个内容区块、比如章节、页眉、也叫或者页面中的 其他部分,它可以与h1、h2等元素结合使用

    <!--html5-->
    <h1><section>html5</section></h1>
    <!--html4-->
    <h1><div>html4</div></h1>

2.article,表示页面中的一块与上下文不相关的独立内容、譬如博客中的一篇文章或报纸中的一篇文章

    <!--html5-->
    <article>文章一</article>
    <!--html4-->
    <div>文章二</div>

3.aside,表示article元素的内容之外的,与article元素内容相关的辅助信息

   <!--html5-->
    <aside>aside</aside>
    <!--html4-->
    <div>aside</div>

4.header,表示一个内容区块或整个页面的标题

    <!--html5-->
    <header>title1</header>
    <!--html4-->
    <div>title2</div>

5.footer,标识整个页面或页面中一个内容区块的脚注

    <!--html5-->
    <footer>footer</footer>
    <!--html4-->
    <div>footer</div>

6.nav,表示页面中导航链接的部分

    <!--html5-->
    <nav></nav>
    <!--html4-->
    <ul></ul>

7.figure,表示一段独立的流内容,一般表示文档主体流内容的一个独立单元。使用figcaption为figure元素添加标题

    <!--html5-->
    <figure>
        <figcaption>PRC</figcaption>
        <p>The People's * was born in 1949......</p>
    </figure>
    <!--html4-->
    <dl>
        <h1>RPC</h1>
        <p>The People's * was born in 1949......</p>
    </dl>
8. main,表示网页中的主要内容。与网页标题或应用程序本页面主要功能相关或者进行扩展的内容
    <!--html5-->
    <main></main>
    <!--html4-->
    <div></div>