HTML5新内容

HTML5新增的标签：

区块标签：

article、section、nav、aside、header、footer、

内容分组标签：

figure、figcaption、main、

文本级别标签：

time

video、audio标签的属性：

src：路径
controls：控制格式（暂停等）
autoplay：自动播放
preload：预先加载
muted：是否默认静音播放
loop：是否循环播放
poster：刚开始未播放时的封面
width：宽
height：高
codes：codes=”theora,vorbis”	//视频译码器和解码器
播放器问题：
<video controls>	//在source里边寻找符合的格式		
	<source src="video/tweetsip.mp4">		
	<source src="video/tweetsip.ogv">		
	<source src="video/tweetsip.webm">		
	<p>不好意思，你的浏览器不支持播放视频~</p>
</video>

input标签type原有属性值：

text（普通文本，默认值）、
button（普通按钮）、
password（密码框）、
submit（提交按钮）、
radio（单选按钮）、
reset（重置按钮）、
checkbox（多选按钮）、
image（图片按钮）、	
file（文件上传组件）、
hidden（文本隐藏域）

input标签type新增属性值：

search（搜索框）、
email（邮箱）、
url（地址输入框）、
tel（电话输入框）、
number（数字输入框）、
range（滑动条）、
date（日期选择）、
month（月份选择）、
week（周选择）、	
time（时间选择）、
datatime-local（日期选择）、
datetime（包含时区）、
color（颜色选择）

新增表单元素：

<datalist>：为其他输入控件提供一个预定义选项列表
<keygen>：用于客户端访问服务器时的安全验证
<output>：结合js，主要显示脚本输出

表单验证：

输入类型：在type属性中添加类型---number、email、url
日期(date)和时间(time)范围：min=”2020-01-01”	max=”2020-01-10”
必填字段：加上required（布尔类型的值）
步长：step=”10”
字符长度：minlength=”3”、maxlength=”10”
正则表达式：pattern=”[0-4]{3}”表示0-4之间的数字必须出现三次
数值范围：min、max
禁用表单验证：novalidate、formnovalidate 

新增表单元素：

list 								
placeholder（为文本设置默认值）
required							
autofocus（自动获取焦点）
minlength、maxlength				
autocomplete（自动补全）min、max						
formstep								
formactionpattern							
formmethodnovalidate						
formenctypeformnovalidate					
formtargetmultiple（按住ctrl可多选）

HTML5的全局特性

style：元素的内联样式
class：元素的类名
id：元素唯一的id
title：鼠标悬停时弹出提示
accesskey：访问元素使用的快捷键
tabindex：元素的tab键控制次序
dir：元素中内容的文本方向
lang：元素中内容的语言代码
translate：元素的值在页面载入时是否需要翻译
contenteditable：是否可编辑元素的内容
spellcheck：检测元素是否拼写错误
hidden：hidden属性规定对元素进行隐藏
draggable：制定某个元素是否可以拖动
dropzone：指定是否将数据复制、移动、或链接、或删除
data-*：用于存储页面的自定义数据