zoukankan      html  css  js  c++  java
  • html5新增语义化标签

    注意:body、section、nav 需要h1-h6.

       div、header则不需要。

    1):<article> 显示一个独立的文章内容。

    例如一篇完整的论坛帖子,一则网站新闻,一篇博客文章等等,一个用户评论等等。artilce可以嵌套,则内层的artilce对外层的article标签有隶属的关系。

    例如,一个博客文章,可以用article显示,然后一 些评论可以以article的形式嵌入其中。

    <article>
    <h1>文章标题</h1>
    这是一篇文章
       <article>评论1...</article>
        <article>评论2...</article>
    </article>

    2):<section> 定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分。必须包含有h1-h5. 

     实例:

    <section>
       <h1>章节一</h1>
        <p>详细内容...</p>
    </section>
    

    3):<aside> 用来装载非正文类的内容。例如广告,成组的链接,侧边栏等等。

    4):<hgroup> 用于对网页或区段的标题元素(h1-h6)进行组合。

    例如,在一个区段中你有连续的h系列的标签元素,则可以用hgroup将他们括起来。

    <hgroup>
    <h1>标题1</h1>
    <h2>标题2</h2>
    </hgroup>

    5):<header> 定义文档的页面组合,通常是一些引导和导航信息。

    6):<footer> 定义 section 或 document 的页脚。

      在典型情况下,该元素会包含创作者的姓名、文档的创作日期以及/或者联系信息。

    实例:

    <footer> © 2012 Baidu 使用百度前必读 京ICP证030173号 </footer>

    7):<nav> 导航链接放在nav标签里。

    nav标签里应该放入一些当前页面的主要导航链接。

    例如在页脚显示一个站点的导航链接(如首页,服务信息页面,版权信息页面等等),就可以使用nav标签,当然,这不是必须的。

    8):<time> 定义公历的时间(24 小时制)或日期,时间和时区偏移是可选的。

    该元素能够以机器可读的方式对日期和时间进行编码,搜索引擎也能够生成更智能的搜索结果

    9):<mark>定义带有记号的文本。请在需要突出显示文本时使用 <mark> 标签。

    10):<figure>规定独立的流内容(图像、图表、照片、代码等等)。

    figure 元素的内容应该与主内容相关,但如果被删除,则不应对文档流产生影响。

    11):<figcaption> 定义 figure 元素的标题(caption)。

    "figcaption" 元素应该被置于 "figure" 元素的第一个或最后一个子元素的位置。

    实例:

    <figure> <figcaption>美女图片</figcaption> 
    <img src="meizi.jpg" width="350" height="234" />
    </figure>
  • 相关阅读:
    人与人之间的本质
    如何让百度搜索不到
    js.prototype最深刻的理解
    调用函数不能用&
    浏览器的缓存就是关闭了浏览器任然存在
    Spring switch的使用
    thymeleaf如何遍历数据 each循环的使用
    spring 机制 扫描包
    Spring分层次建包
    如何使用thymeleaf显示控制传递过来的数据
  • 原文地址:https://www.cnblogs.com/annie211/p/5888225.html
Copyright © 2011-2022 走看看