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

     html5是html最新的修订版本2014年10月由万维网联盟(W3C)完成标准制定。目标是取代1999年所制定的HTML 4.01和XHTML 1.0标准,以期能在互联网应用迅速发展的时候,使网络标准达到符合当代的网络需求。广义论及HTML5时,实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。它希望能够减少网页浏览器对于需要插件的丰富性网络应用服务(Plug-in-Based Rich Internet Application,RIA),例如:Adobe Flash、Microsoft Silverlight与Oracle JavaFX的需求,并且提供更多能有效加强网络应用的标准集。

      下面列举了一些语义化的html5标签:

    1. <article>显示一个独立的文章内容

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

    2.<section> 定义文档中的节(section、区段)。

      比如章节、页眉、页脚或文档中的其他部分。必须包含有h1-h5.

    3. <aside> 用来装载非正文类的内容。

      例如广告,成组的链接,侧边栏等等。

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

      如下所示:

        <hgroup>
    <h2>这是一个标题</h2>
    <h2>这是一个标题</h2>
    <h2>这是一个标题</h2>
    <h2>这是一个标题</h2>
    </hgroup>

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

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

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

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

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

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

    8. <time> 用于填写时间

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

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

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

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

    <figure>
    <figcaption>图片</figcaption>
    <img src="absd.jpg" width="30" height="20" />
    </figure>

    12.<address></address>文档作者或者文档维护者的联系信息   

  • 相关阅读:
    Redis常用命令详细介绍(摘抄)
    线性表和链表
    TCP传输连接中的SYN、ACK、SEQ、AN分别是什么意思?他们所带的数字又是代表什么?
    redis默认有16个数据库
    常见问题
    jquery-table2excel 不导出列(隐藏列,或指定列)
    AngularJS 防止页面闪烁的方法
    如何做好需求分析
    IIS 一个服务器下不同站点操作共享文件夹
    批量修改 mysql数据库编码格式(Illegal mix of collations (utf8_unicode_ci,IMPLICIT) and (utf8_general_ci,IMPLICIT) for operation '='格式错误)
  • 原文地址:https://www.cnblogs.com/zhaohongtian/p/6801207.html
Copyright © 2011-2022 走看看