html5语义标签

html5简化的标记

• doctype标记

• meta标记

• link标记

• script标记

• 新增语义标记

区块标签	内容分组标签	文本级标签
article	figure	time
section	figcaption	-
nav	main	-
aside	-	-
header	-	-
footer	-	-

语义标记

header标记

header标记一般放置在页面的顶部，或者页面中某个区块元素的顶部，包含整个页面或区块的标题、简介等信息

• 一篇文档中可以包含多个header标记
• 可以为body、acticle、setion、aside标记增加header
• header标记未必位于页面的顶部

footer标记

footer标记一般放置在页面的底部，或者页面中某个区块元素的底部

nav标记

nav标记表示页面的导航，可以通过导航连接到其他页面，或当前页面的其他部分

aside标记

aside包含的内容不是页面的主要内容，具有独立性，是对页面内容的补充

• 页面的侧边栏
• 文章引语
• 广告
• 友情链接

article标记

article标记表示包含一个文档、页面、或网站中的一段独立的内容。它能够独立的被发布或重新使用

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

section标记

section表示一个主题性的内容分组，通常包含一个头部，可能还会有一个尾部

figure 标记

figure表示页面中插图，通常结合figcaption一起使用

• time 表示一个日期、时间、或日期和时间值、可以被搜索引擎、屏幕阅读器等识别