▊ 什么是HTML5？
之前学习的HTML基础其实是XHTML——一种增强了的HTML，具有扩展性
而HTML5是HTML的第五次重大修改，是趋势，也是必然
广义的HTML5是指 HTML5本身 + CSS3 + JavaScript
▊ HTML5语义化标签
之前的布局基本使用div，div标签本身没有语义，我们这样赋予其语义：<div class="nav"></div>
H5做出了优化：
<header> |
头部标签 |
<nav> |
导航标签 |
<article> |
内容标签 |
<section> |
块级标签 |
<aside> |
侧边栏标签 |
<footer> |
尾部标签 |
... |
… |
注：
- 这些新标签和
<p></p>一样，可任意多次使用 - 在IE9中,还需要显式的转化为block才能设置宽高
▊ HTML5多媒体标签
音频：<audio></audio>
支持三种音频格式：ogg, mp3, wav
属性：autoplay=“autoplay”, controls=“controls”, loop=“loop”（注：谷歌浏览器禁用了autoplay属性）
因为不同浏览器支持不同的格式，我们的写法通常是为这个音频准备多种格式：
<audio controls="controls">
<source arc=“loli.mp3” type=“audio/mpeg”> <!--注意source是个单标签-->
<source arc=“loli.ogg” type=“audio/ogg”>
对不起，您的浏览器太low了，不支持以上任何一种audio格式 <!--浏览器不支持以上任何一种格式，则这句话执行-->
</audio>
视频：<video></video>
支持的视频格式：ogg, mpeg4, webm
属性：同样是autoplay, controls, loop（注：谷歌浏览器同样禁用了视频的autoplay属性）
preload——预加载，值可取auto（预先加载），none（不预先加载）
poster——加载、等待时画面，值是一张图片的url
muted——静音播放，autoplay与muted配合使用，便可以解决谷歌浏览器的禁用autoplay问题
<video autoplay="autoplay" muted="muted">
<source arc=“loli.mp4” type=“vedio/mp4”>
<source arc=“loli.ogg” type=“vedio/ogg”>
对不起，您的浏览器太low了，不支持以上的任何一种vedio格式
</video>
▊ HTML5表单、表单属性
新增表单
不仅语义明确， 而且可以限制用户的输入、给出错误提示、或者自动弹出相应窗口
number数字, tel电话号码, search搜索框
email邮箱, url网址, date日期, time时间, month月, week周, color颜色
新增表单属性
required |
必填，不填不能提交 |
placeholder |
灰色的提示文本，且能自动消失 |
autofocus |
打开页面时直接自动聚焦 |
autocomplete |
值为on，就是记住历史记录；值为off，就是无痕模式（需要name属性） |
multiple |
可多选文件；file只能选一个文件 |
>_<