谈谈html5

兼容性

H5不兼容IE 6 7 8使IE5,IE6,IE7,IE8兼容到IE9模式

在头部输入以下代码：

<!–[if lt IE 9]>
    <script src=”http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js”></script>
    <![endif]–>

h5之音视频

html5增加了音视频标签——video（视频）和audio（音频），可以在网页播放音频和视频。

音频示例：

<audio src="bgm.mp3" controls autoplay loop preload>
        <source src="audio.mp3" type="audio/mp3"/>
</audio>

视频示例：

<video src="video.mp4" controls width="300" 
    loop preload>
        <source src="video.mp4" type="video/mp4"/>
        <source src="video.rmvb" type="video/rmvb"/>
        <source src="video.avi" type="video/avi"/>
</video>

其中：

controls ： 显示控制台 （播放、快进按钮）
width：视频的宽度大小
autoplay：是否自动播放
loop：播放完成是否循环
preload：是否预加载（可以提高用户体验，但也比较耗费流量）

source 可以给音视频设置多种资源，以配置多的浏览器，type代表的是
    之中资源的格式。如果浏览器支持，就会根据这个资源的src路径去找。
    （提供不同样式的资源的时候，一定确保有这些格式的视频和音频）

表单

input的属性

autofocus 自动对焦会自动选中当前的input，只有一个

placeholder 用户输入之前会在文本框里面添加占位字符，
给用户提示，当输入第一个字符后，占位字符会消失。增强用户体验

required 代表当前的元素是必填的

pattern 可以输入正则表达式，让用户按照表达式的要求输入内容

autocomplete 自动补全

form 设置元素属于那一个表单，即使这个元素没有写到表单里面，也可以生效

canvas

当然h5的canvas不能忘了，之前已经写过了，需要的可以去查看我的其他博客，可以点击分类→canvas进去查看。

2016-12-04