html5比之html4,body中有许多新增标签,即:
header,article,section,time,address,figure,figcaption,details,summary,mark,s,aside,footer以及新增属性pubdate,datetime(time专属标签)。
其中article用于可以单独拿出的模块,如一篇或一段博客、文章,评论等。
section与div的区别在于,section会在文档大纲里显示,表示其重要性;而div则用于很随意的模块,无具体语义。
address用于显示与它最近的article或body的通信信息,如网址,邮件,电话号码等。
figure用于主要表示插入图片,亦可用作一段代码,音频,视频。与figcaption搭配使用,而figcaption表示图注,figure中可有多张图片但是只能有一个figcaption。即
details和summary组合使用,用于无css或js的情况下展现交互式开关效果,属性open可设置默认折叠效果。即
s用于表示不再正确或不再相关的内容,如某商品的原价;与del不同在语义方面,del指删除。
aside侧边栏,但并不表示其的物理结构一定在网页的两边,而表示与周围元素紧密相关的一组内容,如列表、分类、评论等。
新增属性pubdate可用在article和section范围内的块元素中,表示其最近的article父元素内容的发布日期,若无article元素,则指向整个文档。
参考书籍:html5开发手册---Tom Leadbetter
header,article,section,time,address,figure,figcaption,details,summary,mark,s,aside,footer以及新增属性pubdate,datetime(time专属标签)。
其中article用于可以单独拿出的模块,如一篇或一段博客、文章,评论等。
section与div的区别在于,section会在文档大纲里显示,表示其重要性;而div则用于很随意的模块,无具体语义。
time的datetime属性格式必须是YYYY-MM-DD公历格式,计算机可识别,提高可访问性。即
<time datetime="2015-03-09">9th March 2015</time>
address用于显示与它最近的article或body的通信信息,如网址,邮件,电话号码等。
figure用于主要表示插入图片,亦可用作一段代码,音频,视频。与figcaption搭配使用,而figcaption表示图注,figure中可有多张图片但是只能有一个figcaption。即
<figure>
<img alt="xxx" src="xx.png" /> <img alt="xxx" src="xx.png" />
<figcaption>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</figcaption>
</figure>
details和summary组合使用,用于无css或js的情况下展现交互式开关效果,属性open可设置默认折叠效果。即
<details open>
<summary>xxx</summary>
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
</details>
s用于表示不再正确或不再相关的内容,如某商品的原价;与del不同在语义方面,del指删除。
aside侧边栏,但并不表示其的物理结构一定在网页的两边,而表示与周围元素紧密相关的一组内容,如列表、分类、评论等。
新增属性pubdate可用在article和section范围内的块元素中,表示其最近的article父元素内容的发布日期,若无article元素,则指向整个文档。
参考书籍:html5开发手册---Tom Leadbetter