新增元素
1.section元素表示页面中的一个内容区块
2.article元素表示一块与上下文无关的独立的内容
3.aside元素在article之外的,与article内容相关的辅助信息
4.header元素表示页面中-个内容区块或整个页面的标题
5.footer元素表示页面中一个内容区块或整个页面的脚注
6.nav元素表示页面中导航链接部分
7.figure元素表示- -段独立的流内容,使用figcaption元素为其添加标题(第一个或最后一个子元素的位置)
8.main元素表示页面中的主要的内容(ie不兼容)
新增多媒体标签
video:视频标签
audio:音频标签
source:备份文件
src="文件地址"
type="文件类型"
视频类型:type="video/ogg"
type="video/webm"
type="video/mp4"
音频类型:type="audio/ogg"
type="audio/mp3"
相关属性:
controls="显示控件"
muted="静音"
autoplay="自动播放"
loop="循环播放"
poster="第一帧图像地址"
type="color" 生成一个颜色选择的表单
type="tel" 唤起拨号盘表单
type="search" 产生一个搜索意义的表单
type="range" 产生一个滑动条表单
type="number" 产生一个数值表单
type="email" 限制用户必须输入Email类型
type="url" 限制用户必须输入url类型
type="date" 限制用户必须输入日期
type="month" 限制用户必须输入月类型
type="week" 限制用户输入周类型
type="time" 限制用户输入时间类型
type="datetime-local" 选取本地时间
浏览器兼容前缀:
-webkit- webkit内核浏览器(谷歌)
-moz- 火狐浏览器
-ms- IE浏览器
-o- 欧朋浏览器
优雅降级:优先考虑高版本浏览器,再考虑低版本浏览器的兼容问题,从小到大
渐进增强:优先考虑低版本浏览器,再考虑高版本浏览器的兼容问题,从小到大