html5的新特性

以下属性 ie9+ 才能使用

语义化标签

< header > 头部标签
< nav > 导航标签
< article > 内容标签
< section > 定义文档某个区域
< aside > 侧边栏标签
< footer > 尾部标签

section可以看成大号的div

注意：

这些语义化标准主要针对 搜索引擎 的
这些新标签页面中可以使用多次
在 ie9中，需要把这些元素转换为 块级元素
其实，移动端更喜欢使用这些标签

多媒体标签

可以使用 < video > 和 < audio > 标签了，就不用 flash 等插件了

视频标签 video

video 只支持三种视频格式(mp4 ， webM ，ogg) ，尽量使用mp4

 <video src="文件路径"  controls = 'controls'></video>
 
 controls ： 是显示 播放控件 ， 默认false

常见属性

1、autoplay ： 是否自动播放 
            谷歌浏览器需要添加muted 来解决自动播放问题
            
2、controls ： 显示播放控件

3、width 、 height ： 宽度高度

4、loop ：是否循环播放

5、preload ： auto（预先加载视频） | none （不应加载视频） 
    这里 若已有 autoplay 则可以省略 preload 属性
    
6、src ： 文件路径

7、poster ：加载等待的画面图片

8、muted ： 静音播放

解决 video 浏览器兼容问题

从上往下执行，符合哪个就执行哪个

音频标签 audio

最好用mp3格式

controls 依然是显示控件

input表单

属性：

email  : 限制用户输入必须是email类型的
url    : 限制 。。。 为url类型
date   : 日期类型
time   : 时间类型
month  : 月类型
week   : 周类型
number : 数字类型
tel    : 手机号码
search : 搜索框
color  : 颜色

验证的时候，需要把它们放到form表单域中

点击提交按钮后，就会出现如下：

表单元素

属性有：

required ：表单拥有该属性表示其内容不能为空，必填
placeholder ：表单的提示文本，存在默认值将不显示
autofocus ：自动聚焦功能
autocomplete ：如果之前输入内容了，那么下一次输入的时候就不需要输入了，直接会弹出的，默认是 打开 eg autocomplete='on' ；前提是 需要把这个放到form表单中，且有name属性，而且是成功提交过的
multiple ：可以多选文件提交

required