H5新标签简介

H5新标签
在html第5次重大更新后，也就是H5中，为了使html在实际开发中更加灵活、简洁，H5新增了一些标签和一些新的规定。

新增的语义化标签
section 更偏于划分区域。（网页的外围结构…更类似与div）
article 更偏向于内容的展示
aside 侧边栏（在一旁的）
header 网页头部或者是内容块头部
footer 网页的顶部或者内容快的底部
nav 导航区域。
figure 代表一个独立的区域
figcaption figure区域的标题
main 主体区域（IE不兼容）
hgroup 标题组

mark 高亮显示文本（默认黄色背景）
time 用来处理时间
dialog 类似于对话框

新增表单内容：
h5新增的type的类型：
在提交整个表单的时候，验证是否符合邮箱的格式
在提交的时候验证是否是一个网址 检测 http://
生成滑动条
限制必须为数字
搜索框
颜色选取

h5新增的表单属性
    max=""
    min=""

另外还有导入视频和音频的标签video和audio

video中有这些属性：
autoplay 自动播放（谷歌和火狐已禁止自动播放）
controls 播放控件
loop 循环播放
muted 静音状态
poster 当视频没有加载或者没有播放的时候显示的封面图
audio和video一样，配合source使用。

总结h5的特点

1）更简洁、但是在实际开发中要注意书写规范，利于后期维护
2）标签的语义化
语义化的重要性：
① 当页面加载失败的时候，还能够呈现出清晰的结构
② 有利于SEO优化，利于被搜索引擎收录（即便于网络爬虫的识别）
③ 在项目开发及维护时，语义化的也很大程度上降低开发难度，节省成本
3）语法更宽松
4）多设备跨平台
5）自适应网页设计