HTML5

HTML5

1、HTML5多媒体

（1）audio： 播放音乐或音频。IE9以下的版本不支持

a:支持的格式：.MP3/.ogg/.wav

b:属性 src:文件路径

autoplay：自动播放

controls：控制条

muted：静音

preload：预加载（当使用autoplay时，preload自动失效）

(2)video视频

a: 属性：

src:文件路径

autoplay：自动播放

loop：循环

controls：控制条

muted：静音

preload：预加载（当使用autoplay时，preload自动失效）

width:宽度

height：高度

poster：海报

(3)emed:嵌入内容或加载插件

属性： src:文件路径

height：高度

poster：海报

type：类型

（4）canvas：画布，是一个容器元素

​ 注意：

a.单独使用canvas没有什么意义，它必须结合JavaScript使用。它的具体功能实现是靠JavaScript来体现的

b.canvas的宽高最好不要通过css实现，而是直接使用标签属性width和height实现

2、HTML常用属性

（1）ContentEditable:将标签转换为可编辑状态，适用于所有标签，它的值有false/true。

（2）hidden：对元素进行隐藏，一般用来传值或当某个条件成立时，执行内容显示

（3）data-*：用于存储页面或应用程序的私有定自义数据，一般用于传值。

3、input属性

1、autocomplete：自动完成

用来帮助用户输入，每一次输入的内容，浏览器是否保存输入的值，以备将来使用，值有on/off，默认为on.

为了保护敏感数据（如用户账号、密码等），避免本地浏览器对他们不安全存储，一般需要关闭。

2、autofocus：自动获焦

3、step：步长

4、multiple：多选

5、pattern：正则匹配

6、placeholder：输入提示

7、require：必须输入