HTML5新增的主体结构元素

来源:互联网 发布:flac ape 播放软件 编辑:程序博客网 时间:2024/05/16 06:28

-----------------------siwuxie095

  

  

  

  

  

  

  

  

HTML5 新增的主体结构元素

  

  

1、article 元素

  

  

article 元素代表文档、页面 或 应用程序中独立的、完整的、可以

独自被外部引用的内容

  

它可以是一篇博客、一篇论坛帖子、一段用户评论独立的插件。

总之,它可以是任何独立的内容

  

article 元素可以嵌套使用

  

article 元素可以用来表示插件

  

  

  

2、section 元素

  

section 元素用于对网站 或 应用程序中页面上的内容进行分块

  

一个section 元素通常由内容及标题组成,但 section 元素并

非是一个普通的容器元素

  

当一个容器需要被直接定义样式通过脚本定义行为时,推荐

使用div 元素而非 section 元素

  

  

  

3、nav 元素

  

nav 元素是一个可以用作页面导航链接组,其中的导航元素

链接到其它页面当前页面的其它部分

  

并不是所有的链接组都要被放进nav 元素,只需要将主要的、

基本的链接组放进nav 元素即可

  

  

nav 元素应用场景:

  

·传统导航栏

  

·侧边栏导航

  

·页内导航

  

·翻页操作

  

  

  

4、aside 元素

  

aside 元素用来表示当前页面 或 文章的附属信息部分,它可以

包含与当前页面主要内容相关的引用、侧边栏、广告、导航

条,以及其它类似的有区别于主要内容的部分

  

  

  

5、time 元素与 pubdate 属性

  

所谓微格式,是一种利用HTML5 的 class 属性来对网页添加

附属信息的方法,如:日期、时间、手机、邮箱等

  

但在使用的过程中发现,日期和时间的机器编码上出现了问题,

编码过程中会产生一些歧义

  

time 元素就是用来无歧义的明确的对机器码日期和时间进行

编码的,且易读易认

  

pubdate 属性是一个可选的布尔类型的属性,表示time 元素

中的日期和时间是当前文档的发布日期

  

  

  

  

  

  

  

  

  

【made by siwuxie095】