html5学习心得1

html5比之html4，body中有许多新增标签，即：​

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