h5-语义化标签

###1.语义化标签

  在h5之前,在开发过程中大量div的id名称重复,例如div id="footer"来标记页脚内容,所以html5元素引入了语义化标签(一组新的片段类元素)    相当于div

###2. 常用语义化标签

  hgroup元素代表网页或section的标题,当元素有多个层级时,该元素可以将h1到h6元素放在其内,譬如文章的主副标题

    eg:

      <hgroup>

        <h1>HTML 5</h1>

        <h2>我的第一个HTML5 --- demo</h2>

      </hgroup>

  header元素代表网页或section的页眉

    通常包含h1-h6元素或hgroup

      eg:<header>

          <hgroup>

            <h1>HTML 5</h1>

            <h2>我的第一个HTML5 --- demo</h2>

          </hgroup>

        </header>

  nav元素代表页面的导航链接区域。

    eg:

      <nav>

        <ul>

          <li>CSS3</li>

          <li>Html 5</li>

          <li>JavaScript</li>

        </ul>

      </nav>

  section元素代表文档中的节 或 段,段可以是指一篇文章按照主题的分段;节可以使指一个页面里的分组

    <section></section>

  article元素 代表一段文章或文字

  aside元素表示被包含在article元素中作为主要内容的附属信息部分

  <footer></footer>

猜你喜欢

转载自www.cnblogs.com/john-hwd/p/10552324.html