IFE页面结构语义化

IFE页面结构语义化

目的：
1.更好的可读性
2.更易修改，维护
3.搜索引擎友好，SEO优化

H5新增语义化标签：
-section 元素 ，表示页面中的一个区块；
-article元素，表示一块与上下文无关的独立内容；
-aside元素，在article之外的，与article内容相关的辅助信息；
-header元素，表示页面中的一个内容区块或整个页面的标题；
-footer元素，表示页面中的一个内容区块或整个页面的脚注
-nav元素，表示页面中导航链接部分；
-figure元素，表示一段独立的内容，使用figcaption元素为其添加标题（在第一个或者最后一个位置）
-miain元素，表示页面中的主要内容（ie不兼容）；
-hgroup表示标题的一个分组；
-mark定义高亮显示文本；
-time时间；
-dialog标记定义了一个对话框（会话框），类似微信，需要配合js使用；

主体内容和非主体内容：
	主体内容：section，article，aside，nav，time
	非主体内容：header，footer，hgroup，figure和figcaption（可以代替自定义列表）

	元素类型的分类：
		块元素：
			section，artice，aside，nav，header，footer，hgroup，figure和figcaption，main和dialog；
			内联元素：
			mark time address
			自带默认样式的：
				figure和figcaption
				mark自带背景颜色；