语义化标签
<div class="header"></div>
<ul class="nav"><ul>
<div class="main"></div>
<div class="footer"></div>
<header></header> 页眉
<main></main> 主体
<nav></nav>
<footer></footer> 页脚
1、section元素 表示页面中的一个区块或者区域 (同div效果)
2、article元素 表示一块与上下文无关的独立的内容
3、aside元素 在article之外的,与article内容相关的辅助信息
4、header元素 表示页面中一个内容区块或整个页面的标题(页眉);
5、footer元素 表示页面中一个内容区块或整个页面的脚注
6、nav元素 表示页面中导航链接部分
7、figure元素 表示一段独立的内容,使用figcaption元素为其添加标题(第一个或最后一个子元素的位置)
8、main元素 表示页面中的主要的内容(ie不兼容)
注:一个页面内 ,只能出现一个main标签;(ie不兼容)
9、hgroup标题的一个分组
10、mark定义高亮显示的文本(span) 内联
11、time时间 (目前所有主流浏览器都不支持 <time> 标签。)内联
12、dialog标记定义一个对话框(会话框)类似微信( 目前只有 Chrome 和 Safari 6 支持 <dialog> 标签。)
13、embed 标记定义外部的可交互的内容或插件 比如flash ;