CSS3新增标签总结

一、新增语义化标签

1.header：页面头部；
2.footer：页脚。
3.nav：导航
4.article：文章、帖子、新闻一类。
5.section：页面里的某一段文字（通常含有标题）
6.aside：侧边栏。
7.main:主要内容（有印象就行，不怎么用）
8.hgroup：包裹连续标题（已经被删了，不用记）
注意：1.artical可以有多个section
2.artical强调独立性，独立完整内容用artical，分段内容用section。
二、新增状态标签
1.meter标签（已知范围内的测量）：
high高值，low低值，max最大值，min最小值，optimum最优值，value当前值。
应用：电量······
2.progress（显示进度的指示器）：
max目标值，value当前值。
应用：进度条······
三、新增文本标签
1.文本注音标签：
ruby：包裹需要注音的文字。
rt：写在ruby里面，必须写在文字后面，如果要加css最好写在文字下面一行。
2.文本标记标签 :
mark：用来标记搜索结果里的关键字词。
四、新增表单功能
1.表单控件新增属性：
placeholder：用于文字输入类表单控件，提示文字，非默认值。
required：加入此标签可让该输入项变成必填的，不适用于按钮。
autofocus：自动获取焦点，适用于所有表单属性。
autocomplete：适用于文字输入类表单控件，可以设为on或off，表示自动完成，密码和多行输入框不能用。
pattern：适用于文本输入类表单控件，用来输入正则表达式，通常和required搭配使用，不能用于多行输入，输入框空白也不会通过验证。
2.input新增属性：
需要验证格式类：
email：邮箱输入框。
url：引入资源地址。
number：数字输入框
不需要验证格式类：
search：搜索输入框.
tel：电话输入框，移动端(手机)使用。
range：范围选择器，默认值50。
color：颜色选择器，默认值黑色。
date：日期选择器。
month：月份选择器。
week：周选择器。
time：时间选择器。
datetime-local：日期+时间选择器。
3.form新增属性：
novalidate：提交表单时不验证。
五、视频标签video
1.src：引入视频url地址
2.width：视频宽度
3.height：视频高度
4.conrols：显示控制视频的按钮（播放、声音一类）
5.muted：进入页面时视频静音
6.autoplay：进入页面视频自动播放
7.loop：循环播放
8.poster：引入封面url地址
9.preload：视频预加载，和autoplay一起使用该标签不生效。
可选值：
auto：下载整个视频
metadata：预先获取视频元数据
none：不预加载视频
六、音频标签audio
略：除了不能设置宽高和封面，其余和视频标签相同。
七、新增全局属性
1.contenteditable：表示元素是否可以编辑。true表可以，false表不可以。
2.draggable：元素是否可以拖动。true可以，false不可以。
3.hidden：隐藏元素。
4.spellcheck：是否检查元素拼写语法，true检查，false不检查。
5.contextmenu：设置颜色上下文菜单，鼠标右键点击显示。
6.data-*：储存页面的私有定制数据。