1.section元素:页面中的一个内容区块,比如章节、页眉、页脚或页面中的其他部分;可以与h1、h2、h3、h4、h5、h6等结合使用,标示文档结构;

        用于对网站或应用程序中页面上的内容进行分块。一个section元素通常由内容及标题组成。标题部分位于它的内部。section元素中的内容可以单独存储到数据库中或输出到Word文档中。

        不要将section元素用作设置样式的页面容器,那是div的工作;如果article元素、aside元素或nav元素更符合使用条件,不要使用section元素;不要为没有标题的内容区块使用section元素。 

 

2.article元素:页面中的一块与上下文不相干的独立内容,如博客中的一篇文章或报纸中的一篇文章;

        代表文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容。可以是一篇博客或报刊中的文章、一篇论坛帖子、一段用户评论或独立的插件,或其他独立的内容。

        除了内容部分,一个article元素通常有自己的标题(一般放在一个header元素里),有时还有自己的注脚。

        article元素可以嵌套使用,内层的内容在原则上需要与外层的内容相关联。如博客中,针对文章的评论就可以使用嵌套article元素的方式,用来呈现评论的article元素被包含在表示整体内容的article元素里面。

       article元素也可以用来表示插件,其作用是使插件看起来好像内嵌在页面中一样。

        article元素可以看做是一种特殊的section元素。section强调分块或分段,而article强调独立性。如果一块内容相对来说比较独立、完整的时候,应该使用article,但是如果想将一块内容分成几段的时候,应该使用section元素。div元素变成了一种容器,当使用css样式的时候,可以对这个容器进行一个总体的css样式的套用。 

 

3.aside元素:article元素的内容之外的、与article的内容相关的辅助信息;

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

        主要有以下使用方法:被包含在article元素中作为主要内容的附属信息部分,可以是与当前文章相关的参考资料、名词解释等;在article元素之外使用,作为页面或站点全局的附属信息部分,较为典型的形式是侧边栏,其中的内容可以是友情链接,博客中其他文章列表、广告单元等。

 

4. nav元素:页面中的导航链接的部分;

        只需要将主要的、基本的链接组放进nav元素即可;一个页面中可以拥有多个nav元素,作为整体或不同部分的导航。

        nav的使用场合主要是:传统导航条、侧边导航条(将页面从当前文章或当前商品跳转到其他文章或其他商品页面上去)、页内导航(在本页面几个主要的组成部分之间进行跳转)、翻页导航(在多个页面的前后页或博客网站的前后篇文章滚动)、也可以是其他认为是重要的基本的导航链接组中;
        在H5中不要用menu元素替换nav元素。menu元素使用在一系列发出命令的菜单上的,是一种交互性的元素(在web应用程序中使用的)。 

 

5.time元素:日期或时间,或同时表示两者;

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

        微格式:一种利用HTML的class属性来对网页添加附加信息的方法,附加信息可以是新闻事件发生的日期时间、个人电话号码、企业邮箱等。在H5中添加了一种新的元素time元素来无歧义、明确地对机器的日期和时间进行编码,并且以让人易读的方式展示。

 

 <time datetime="2016-1-19">2016年1月19日</time>

<time datetime="2016-1-19">1月19日</time>
<time datetime="2016-1-19">生日</time>
<time datetime="2016-1-19T14:00">生日下午2点</time>
<time datetime="2016-1-19T14:00Z">生日下午2点</time>
<time datetime="2016-1-19T14:00+9:00">生日下午2点的美国时间</time>

编码时机器读到的部分在datetime属性里,而元素的开始标记与结束标记中间的部分是显示在网页上的。datetime属性中日期与时间之间用“T”(时间)分隔;Z代表给机器编码时使用UTC标准时间;最后一个加上了时差,表示向机器编码另一地区时间。

          pubdate属性是一个可选的、布尔值属性,可以用到article元素中的time元素上,含义是time元素代表了文章(article元素的内容)或整个网页的发布日期。

 

posted on 2016-01-19 11:39  依芈  阅读(380)  评论(0编辑  收藏  举报