HTML5

在html5中 新增了很多语义化标签
such as

<header>
<footer>
<nav>
<main>
<article>
<aside>

html兼容性

IE9 行级元素设置宽度的时候 会失效
IE8以下的版本，不支持语义化标签
IE8的内核，无法解析，只能用js替代
解决方法:
1.通过dom就是手动创建标签
document.createElement(“nav”)
2. 引入别人写好的一个js文件 html5shiv.js

html5对表单元素

新增了很多表单元素

邮箱：<input type="email">
电话：<input type="tel">
网址：<input type="url">
数量：<input type="number" value="0" name="" id="" max="100" min="0">
颜色：<input class="color" type="color" name="" id="" >
时间：<input type="time" name="" id="">
日期：<input type="date" name="" id="">
日期时间：<input type="datetime" name="" id="">

datalist

<input type="text" list="address">
    <datalist id="address">
        <option value="开封" label="清明上河园">开封</option>
        <option value="郑州" label="方特">郑州</option>
        <option value="驻马店" label="嵖岈山">驻马店</option>
    </datalist>

新增了监听 主要监听内容的改变 改变事件
当内容发生改变的时候 就会触发 pattern可以用验证 列如验证手机号
pattern=“^1\d{10}$”
^ 是以什么开头
\d是指数字0-9
{10}就表示 10位
$以什么结尾

进度条

 <progress max="100" value="60"></progress>

progress 进度条标签 max 最大值 value 当前进度

 <meter max="100" min="0" high="80" low="40" value="30"></meter>
 

meter 度量器标签
higt 规定当前的较高的值
low 规定当前较低的值
max 最大值
min 最小值
value 当前值

html对多媒体

audio

 <audio src="./mp3/aa.mp3" autoplay controls loop></audio>

audio
autoplay 如果有这个属性 该音频会立即播放
controls 如果有这个 则会向用户展示控件
loop 如果出现该属性 则表示当音频结束后 会重新开始
muted 当出现这个属性的时候 静音
preload 在页面加载的时候 预备播放 和autoplay冲突

video

<video src="./mp3/mp4.mp4" controls width="300" height="300" poster="../1.png"></video>

controls 播放面板
autoplay 自动播放
loop 自动循环
poster 首次进入当前视频的封面图
currentTime 当前播放时长
duration 视频的时长
playbackRate 当前播放时长