新增语义标签 使用建议:   如果你只是想单纯的想把文字的样式显示为粗体或斜体文 本,请不要使用这几种语义标签,W3C建议我们要在Css样式表中定义文字的样式。  

Article标签:表示包含于一个文档,页面,应用程序或网站中的一段独立的内容,也就是说,他能独立地被发布或重新使用

例子:

  • 一篇博客
  • 一个论坛的帖子
  • 一片新闻报道
  • 用户评论

header标签:一般被放置在页面的顶部,或者页面中某个区块元素的顶部,包含整个页面或区块标题,简介等信息。

例子:

  • 一个文档中,可以包含多于一个的header标签
  • header标签不一定非要显示在页面的上方,他的内容决定这里需要使用header标签,位置并不重要
  • 可以为body article section和aside增加header标签

footer标签:一般被放置页面的底部,或者页面中某个区块元素的底部。

nav标签:表示页面的导航,可以通过导航链接到网站的其他页面,或当前页面的其他部分。

aside标签:包含的内容不时页面的主要内容,具有独立性,是对页面内容的补充。

例子:

  • 页面的侧边栏
  • 广告
  • 友情链接
  • 文章引语(内容摘要)

section标签:一个主题性的内容分组,通常包含一个头部(header),可以还会有一个尾部(footer)。他与div非常相似,div比他更高级。

mian标签:显示页面的主体内容,每个页面只能包含一个mian标签。mian标签中不包含网站标题,logo,导航,版权声明等信息。 

figure标签:显示图片

figcaption标签:显示标题        合起来就是带有标题的图片或者视频等

time标签:表示一个日期,或一个时间,或者同时表示一个日期和时间值。

  time标签中有一个重要的属性,datatime:这里是一个固定格式的日期或时间值,可以被搜索引擎,屏幕阅读器等方便识别。

  • 指定年月日:2018-10-04

  • 指定年月:2018-10

  • 年份可以是两位数字:18-10-04

  • 指定时间(24小时):14:33:09

  • 指定日期和时间:2018-10-04 13:38:44

i和b标签i

  html4:修饰文字样式,将文字显示为斜体文本。

  html5:表示强调不同的情绪或声音,也可以表示技术术语,生物分类,来自另一种语言的成语或习俗,一个想法等等。

i和b标签b

  html4:修饰文字样式的,将文字显示为粗体文本

  html5:表示文档中的关键字,商品名称等

em或strong标签em

  •   emphasis:强调。

  •   标签中的内容是用来强调的重点内容

  •   会被浏览器显示成斜体文本。

em或strong标签strong

  •   表示非常重要,严重性或内容紧迫性

  •   会被浏览器显示为粗体文本

  如果你只是想单纯的想把文字的样式显示为粗体或斜体文

本,请不要使用这几种语义标签,W3C建议我们要在Css样式表中定义文字的样式。