menu
more_vert
HTML5结构上的修改

作者:dayu

1、新增的主体结构元素:

  1.1:article元素

    article元素代表文档、页面或应用程序中独立的、完整的、可以独自被外部应用的内容。它可以是一片博客或杂志中的文章、一片论坛帖子、一段用户评论胡一个独立的插 件,或者其他任何独立的内容。除了内容部分,一个artcle元素通常有它自己的标,一般放在一个header元素里面,有时还有自己的脚注。

  1.2:section元素

    section用来对网站或者应用程序中页面上的内容进行分块,一个section元素通常由内容及其标题组成。但section元素并非一个普通的容器元素,当一个容器需要直接定义样式或通过脚本定义行为时,推荐使用div元素而非section。可以这样理解:section元素中的内容可以单独存储到数据库中或输出到Word文档中。

  1.3:nav元素

    nav元素是一个可以用来作为页面导航的链接组,其中的导航元素链接到其他页面或当前页面的其他部分。并不是所有的链接组都放进nav元素,只需要将主要的、基本的链接组放进nav元素即可。例如,在页脚中通常会有一组链接,包括服务条款,首页,版权声明等,这时使用footer元素是最恰当的。一个页面中可以拥有多个nav元素,作为整体或不同部分的导航。

    具体来说,nav元素可以用以一下场合:

    1)传统导航条

      现在主流的网站上都有不同层级的导航条,用来将当前页面跳转到网站的其他主要页面。可以用nav元素实现导航条。

    2)侧边导航条

      现在主流博客网站及商品网站上都有侧边导航,用来将页面从当前文章或当前商品跳转到其他文章或商品页面。可以用nav元素实现侧栏导航。

    3)页内导航

      可以用nav元素实现页内导航,用来在页面几个重要组成部分之间跳转。

    4)翻页操作

      nav元素可以用在多个页面前后页或博客网站的前后篇文章的滚动中。

  1.4:aside元素

    aside元素用来表示当前页面或文章的附属信息部分,他可以包含以当前页面或主要内容相关的引用、侧边栏、广告、导航条,以及其他类似的有别于主要内容的部分。主要有两种使用方法:

    1)包含在article元素中作为主要内容的附属信息部分,其中的内容可以是与当前文章有关的参考资料、名词解释等。

    2)在article之外元素使用,作为页面或站点全局的附属信息部分。最经典的形式是侧边栏,其中的内容可以使友情链接、博客中其他文章列表或广告单元等。

  1.5:time元素与微格式

    微格式:一种利用HTML的class属性来对网页添加诸如新闻事件发生的日期和时间、个人电话号码、企业邮箱之类的附加信息的方法。

    time元素代表24小时中的某个时刻或某个日期,表示时刻时允许带时差。它可以定义很多格式的日期和时间。

HTML5结构上的修改

原文地址:http://www.cnblogs.com/g-h-s/p/7190304.html