HTML5一些特性

html5对HTML进行了重大修改，具有新的元素/属性和行为，增加了新特性，如语义特性、本地存储特性、设备兼容特性、连接特性、网页多媒体特性、三维图形及特效特性、性能与集成特性、css3特性等。虽然HTML5的一些特性仍然不被某些浏览器支持，但它是一种发展趋势

1.新增语义化标签

<header>头部标签</header>
<nav>导航标签</nav>
<article>内容标签</article>
<section>块级标签</section>
<aside>侧边栏标签</aside>
<footer>尾部标签</footer>

1. 这种语义化标签主要针对搜索引擎的
2. 这些新标签页面中可以使用多次
3. 在ie9中需要把这些元素（默认为行内元素）转换为块级元素
4. 这些标签主要用于移动端

2.多媒体标签

audio音频

<audio src=""></audio>

格式	IE9	Firefox3.5	Opera10.5	Chrome3.0	Safari3.0
Ogg Vorbis		y	y	y
MP3	y			y	y
Wav		y	y		y

audio语法格式：

<audio src="文件地址" controls="controls"></audio>

chrome浏览器禁用了autoplay属性；不同浏览器支持不同的格式，所以我们要为音频准备多个格式；

<audio controls="controlos">
<source src="a.mp3" type="audio/mpeg">
<source src="a.ogg" type="audio/ogg">
您的浏览器不支持音频播放
</audio>

属性	值	描述
autoplay	autoplay	音频在就绪后马上播放
controls	controls	向用户显示控件，如播放按钮
loop	loop	循环播放
src	url	要播放音频的url

video视频

<video src=""></video>

格式	IE	Firefox	Opera	Chrome	Safari
Ogg	no	3.5+	10.5+	5.0+	no
MPEG4	9.0+	no	no	5.0+	3.0+
WebM	no	4.0+	10.6+	6.0+	no

<video src="文件地址"></video>

<video controls="controlos">
<source src="a.mp4" type="audio/mp4">
<source src="a.ogg" type="audio/ogg">
您的浏览器不支持视频播放
</video>

属性	值	描述
autoplay	autoplay	视频在就绪后马上播放
controls	controls	向用户显示控件，如播放按钮
loop	loop	循环播放
src	url	要播放视频的url
width	pixels	设置播放器宽度
height	pixels	设置播放器高度
preload	preload	是否等加载完成再播放
poster	图片路径	加载等待的画面图片
muted	muted	静音播放

3.表单属性

1.新增input表单属性

属性值	说明
type=“email”	限制用户输入必须为Email类型
type=“url”	限制用户输入必须为URL类型
type=“date”	限制用户输入必须为日期l类型
type=“time”	限制用户输入必须为时间类型
type=“month”	限制用户输入必须为月类型
type=“week”	限制用户输入必须为周类型
type=“number”	限制用户输入必须为数字类型
type=“tel”	手机号码
type=“search”	搜索框
type=“color”	生成一个颜色选择表单

2.新增表单属性

属性	值	说明
required	required	拥有该属性的表单不能为空
placeholder	提示文本	占位符
autofocus	autofocus	自动聚焦
autocomplete	off/on	记录以前输入的值
multiple	multiple	多选文件上传