HTML5=HTML+CSS+JavaScript的集合
HTML5的文档结构
<html lang="en"><!--lang是语言的意思-->
<head>
<meta charset="UTF-8" />
<title>标题</title>
</head>
<body>
</body>
</html>HTML5新增的语义化标签
HTML5中新增了和div标签同样功能的标签，但是这些标签具有语义化
<header> 头标签
<nav> 导航标签
<aside> 侧边栏标签
<article> 文章标签
<footer> 页脚标签
<section> 栏目标签表单控件中新增的属性
属性 功能
required 表单必填项，内容不能为空
<input type="text" name="user" required="required">
placeholder 提示信息
<input type="text" name="user" placeholder="手机/邮箱/用户名">
autofocus 自动获取焦点(光标)
<input type="text" name="user" autofocus="autofocus">表单空间input标签新增的type属性值
email 限定用户输入的内容必须是一个email类型
url 限定用户输入的网站必须包含http://
data 限定用户输入的必须是日期类型，年 月 日
week 限定用户输入的必须是周类型
time 限定用户输入的必须是时间类型，小时和分钟
month 限定用户输入的必须是月类型
number 限定用户输入的必须是数值类型
color 颜色拾色器
range 范围
如果浏览器不能解析type的属性值，就会把它当做单行文本框使用网页多媒体标签
视频
<video></video>
属性 值 描述
src url地址 要播放的视频的url地址
autoplay autoplay 如果出现该属性，视频自动播放
controls controls 如果出现该属性，则向用户显示控件，比如播放按钮
width 像素 播放器宽度
height 像素 播放器高度
loop loop 如果出现该属性，视频重复播放
video当前支持三种格式：Ogg, MPEG4, WebM。但是不是所有网页都同时支持这三种格式
通过多种格式资源可以解决视频浏览器兼容性的问题
<source src="路径/文件.mp4" />
<source src="路径/文件.ogg" />
<source src="路径/文件.webm" />音频
<audio></audio>
属性 值 描述
src url地址 要播放的视频的url地址
autoplay autoplay 如果出现该属性，视频自动播放
controls controls 如果出现该属性，则向用户显示控件，比如播放按钮
width 像素 播放器宽度
height 像素 播放器高度
loop loop 如果出现该属性，视频重复播放
autio当前支持三种格式：ogg， mp3， wav。但是不是所有浏览器同时支持这三种格式
通过多种格式资源可以解决视频、音频浏览器兼容性的问题
<source src="路径/文件.mp3" />
<source src="路径/文件.ogg" />
<source src="路径/文件.wav" />
