HTML5

1.XHTML（可扩展超文本标记语言）

• XHTML是一种增强了的HTML，它的可扩展性和灵活性适应了很多需求

2.H5

• 新版本的HTML语言，定义了新的标签，特性和属性
• 拥有了一个强大的技术集

3.H5扩展了哪些内容？

• 语义化标签
• 本地存储
• 兼容特性
• 2D，3D
• 动画、过渡
• CSS3特性
• 性能与集成

4.H5新增语义化标签

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

5.多媒体标签有两个

• 音频 ----< audio >
• 视频 ----< video >

5.1.< audio> 音频标签

格式支持三种 ：ogg vorbis mp3 wav

5.1.1.视频标签语法格式

<audio src='文件地址' controls='controls'></audio>
<audio controls='controls'>
	<source src ='happy.mp3' type='audio/mpeg'>
	<source src ='happy.ogg' type='audio/ogg'>
	您的浏览器不支持audio，建议升级浏览器
</audio>

5.1.2.< audio >音频标签常见属性

属性	值	描述
autoplay	autoplay	音频在就绪后马上播发
controls	controls	显示控件，比如播放器按钮
loop	loop	音频结束时重新播放
src	url	音频的url

5.2.< video >视频标签

格式：ogg，mpeg4,webm

5.2.1.视频标签语法格式

<video src='文件地址' controls='controls'></video>

5.2.2.video参数

属性	值	描述
auyoplay	autoplay	视频就绪自动播放(谷歌用muted解决)
controls	controls	向用户展示播放控件
width	pixels(像素)	设置播放器宽
height	pixels(像素)	设置播放器高
loop	loop	播放完是否继续播放该视频，循环播放
preload	auto(预加载视频) / none(\不预加载)	规定是否预加载视频（有autoplay，就忽略）
scr	url	视频url地址
poster	imgurl	加载等待的画面图片
muted	muted	静音播放

6.HTML5新增input表单，表单属性

属性	说明
type=‘email’	输入必须为email类型
type='url	必须为url类型
type=‘date’	日期
type=‘timel’	时间
type=‘month’	月
type=‘week’	周
type=‘number’	数字
type=‘tel’	手机号
type=‘search’	搜索框
type=‘color’	生成颜色选择表单

7.新增表单属性

属性	值	说明
required	required	内容不能为空，必填
plachholder	提示文本	表单的提示信息，存在默认值将不显示
autofocus	autofocus	自动聚焦到指定表单
autocomplete	off/on	提示输入过的内容，on打开此功能，off关闭
multiple	multiple	可以多选文件提交（上传时用）