HTML5新标签与特性

常用新标签

标签	语义
<article></article>	定义文章
<header></header>	定义文档的页眉、头部
<nav></nav>	定义导航链接的部分
<aside></aside>	定义该标签以外的内容（可用于文章的侧栏）
<section></section>	定义文档中的区段（单独一段）
<footer></footer>	定义文档或节的页脚、底部
<datalist></datalist>	定义选项列表（配合Input元素）
<fieldset></fieldset>	将表单内的相关元素分组，打包（搭配<legend></legend>，legend：标题）

1.datalist 用法

<input type="text" value="请选择你需要的装备" list="PUBG" />
    <datalist id="PUBG">
        <option>肾上腺素</option>
        <option>三级头</option>
        <option>三级甲</option>
        <option>AWM</option>
        <option>马格南20发</option>
    </datalist>

文本框中默认出现的value值需删除才能拉出下拉框

2.fieldset用法

<fieldset>
    <legend>用户登录</legend>
    用户名：<input type="text"><br/>
    密码：<input type="password">
</fieldset>

3.input的属性

类型	含义
tel	手机号码格式
email	邮箱格式
number	数字格式
url	url格式（一定要加http）
search	搜索框
range	自由拖动滑块
time	小时分钟
date	年月日
datetime	时间
month	年月
week	星期年

4.常用属性

属性	用法	含义
placeholder	<input type="text" placeholder="默认值"/>	占位符，当用户在文本框中输入文字后，默认值删除。
autofocus	<input type="text" autofocus/>	页面加载时，input元素自动获得焦点
multiple	<input type="file" multiple/>	多文件上传
autocomplete	<input type="text" autocomplete="off"/>	规定表单是否应该启用自动完成功能。on代表记录已经输入的值（注：1.需要有提交按钮；2.必须有name属性）
required	<input type="text" required/>	必填项，不能为空
accesskey	<input type="text" accesskey="s"/>	规定激活（使元素获得焦点）元素的快捷键（alt + s)。s为自定义字母。

多媒体标签

1.音频标签

<audio autoplay controls loop="-1">
    <source src="mp3/动天.mp3">
</audio>

autoplay	自动播放
controls	是否显示播放控件（默认不显示）
loop	循环播放（loop=“2”为循环两次）（loop或者loop=“”-1“”都为无限循环）

由于版权等原因，不同的浏览器可支持的播放格式是不一样的。

2.视频标签

<video controls autoplay loop="-1">
    <source src="mp4/LOL.mp4">
</video>

附加属性autoplay、controls 、loop用法与音频相同

width	设置播放窗口宽度
height	设置播放窗口高度

由于版权等原因，不同的浏览器可支持的播放格式是不一样的。