html5基础（新增标签）

html5新增标签

section —— 内容区块

header —— 页面标题

nav —— 导航链接

article —— 一块与上下文无关独立的内容

aside —— 在article之外的，与article内容相关的辅助信息

footer —— 页面的脚注

figure —— 一段独立的流内容，用figcaption元素为其添加标题

main  —— 页面中更主要的内容

hgroup —— 标题组

mark —— 高亮

dialog —— 定义对话框或窗口

canvas —— 画布 – 三阶段

video —— 视频 <video src="movie.ogg" controls="controls">Video元素</video>

audio —— 音频 <audio src="someaduio.wav">Audio元素</audio>

• controls属性：如果出现该属性，则向用户显示控件，比如播放按钮。
• autoplay属性：如果出现该属性，则视频在就绪后马上播放。
• loop属性：重复播放属性。 muted属性：静音属性。
• poster属性：规定视频正在下载时显示的图像，直到用户点击播放按钮。

智能表单

Type=“email” 限制用户必须输入email类型

Type=“number” 限制用户必须输入数字类型     

Type=“url” 限制用户必须输入url类型

Type=“range” 产生一个滑动条表单

Type=“search” 产生一个搜索意义的表单

Type=“color” 生成一个颜色选择的表单

Type=“time” 限制用户必须输入时间类型

Type=“date” 限制用户必须输入时间类型

Type=“month” 限制用户必须输入月类型

Type=“week” 限制用户必须输入周类型

Type=“datetime-local” 选取本地时间

placeholder —— 文本框处于未输入状态时文本框中显示的输入提示（输入内容时提示自动消除）

autocomplete:on/off   

novalidate —— 取消验证（即使有required属性，也不进行验证partten）

multiple —— 可以输入一个或多个值，每个值之间用逗号分开

pattern —— 验证表单输入的内容

       

信用卡  [0-9]{13,16}

银联卡  ^62[0-5]\d{13,16}$ Visa: ^4[0-9]{12}(?:[0-9]{3})?$

万事达：^5[1-5][0-9]{14}$

QQ号码： [1-9][0-9]{4,14}

手机号码：^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$

身份证：^([0-9]){7,18}(x|X)?$

密码：^[a-zA-Z]\w{5,17}$ 字母开头，长度在6~18之间，只能包含字母、数字和下划线

强密码：^(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,10}$ 包含大小写字母和数字的组合，不能使用特殊字符，长度在8-10之间 7个汉字或14个字符：^[\u4e00-\u9fa5]{1,7}$|^[\dA-Za-z_]{1,14}$