HTML5新增标签

（不完整，待学习补充）

新增标签

<nav>定义导航链接</nav>
<article>定义内容文章</article>
<header>标签定义文档的页眉</header>
<section>区域，定义文档中的区段、小节</section>
<aside>侧边栏,定义其所处内容之外的内容</aside>
<footer>定义文档或节的页脚</footer>

多媒体标签

<video>视频</video>
<audio>音频</audio>

video 尽量使用MP4格式，audio 尽量使用MP3格式。其他格式各个浏览器兼容情况不同。

<video src="../video/xltfn.mp4" # 视频地址
			controls="controls" # 显示控制器
			poster="../img/xltfn.png" # 未播放视频时显示的图片
			height="300"
			width="500"
			autoplay="autoplay" # 设置此属性，自动播放
			loop="loop" # 设置此属性，循环播放
			>
		</video>
<audio src="../music/aaa.mp3" # 音频地址
			controls="controls" # 显示控制器
			autoplay="autoplay" # 设置此属性，自动播放
			loop="loop" # 设置此属性，循环播放
			>
		</audio>

新增表单域类型

<input type="...">

number 限制输入类型为数字

tel 手机号码

search 搜索框

email 限制输入类型为Email

url 限制输入类型为Url

date 限制输入类型为日期

time 限制输入类型为时间

month 限制输入类型为月

week 限制输入类型为星期

color 颜色选择器

新增表单域属性：

required=“required” 必填

placeholder="提示文本"

autofocus="autofocus" 自动获取焦点

autocomplete="off/on" 提示成功提交过的输入内容，通常设置为off

multiple="multiple" 文件多选，配置type="file"使用

代码：

<form>
    Number: <input type="number" name="number" /><br />
    tel: <input type="tel" name="tel" /><br />
    Search: <input type="search" name="search" /><br />
    Email: <input type="email" name="email" /><br />
    Url: <input type="url" name="url" /><br />
    Date: <input type="date" name="date" /><br />
    Time: <input type="time" name="time" /><br />
    Month: <input type="month" name="month" /><br />
    Week: <input type="week" name="week" /><br />
    Color: <input type="color" name="color" /><br />
    <br />
    <button type="submit"> submit </button>
</form>