1、表单
1.1、email
<input type="email" autocomplete="on">
email表单会在提交时自动验证email格式,但是只是做基本的验证,比如是否加@,@后是否跟有字符等,但是是否跟后缀.com等并不关心
注: 这里的autocomplete
是HTML5表单的新属性,表示这个表单是否能够自动填充。
1.2、url
<input type="url">
url表单会在提交时验证是否为一个正确的URL,但并不代表这个URL可用,它只是验证这个URL是否带有Http://
1.3、number
<input type="number" min="3" max="999" step="10" value="3">
- min为数字的最小值
- max为数字的最大值
- step为数字的步长,也就是在浏览器点击增加时每次增加的大小
数字表单会在用户输入的时候只允许输入数字,但是允许用户输入不在大小范围内的数字,在提交时才验证大小是否符合。
1.4、date
<input type="date">
<input type="month">
<input type="week">
<input type="datetime">
type="date"
时日期是年月日形式type="month"
时日期是年月形式type="week"
时日期是*年第几周的形式type="time"
时表示时间type="datetime"
目前均不支持
1.5、自动提示datalist
<input type="text" list="web"> //list用来设置自动提示的datalist
<datalist id="web"> //id是必须的,且跟list一样
<option value="1111">
<option value="2222">
<option value="3333">
<option value="4444">
<option value="5555">
</datalist>
2、语义化标签
article
定义外部的内容,譬如一篇文档
aside
定义article标签意外的内容,其内容可以作为文档的侧边栏
figure
用语对元素进行组合,使用figcaption元素为元素组添加标题
figcaption
定义figure天涯不是有的标题
header
定义文档页眉
footer
定义文档页脚
section
定义文档中的节
hgroup
用于对section或网页的标题进行组合,使用figcaption标签为元素组添加标题
nav
定义导航连接部分
time
定义日期和时间
3、多媒体
audio
video
4、画布 Canvas
5、本地文件访问
FileReader
方法:
readAsText(file,[encoding]) 将文件读取为文本
readAsDataURL(file) 将文件读取为DataURL
readAsBinaryString(file) 将文件读取为二进制码
abort() 中断读取文件
事件:
onabort() 中断时触发
onerror() 出错时触发
onload() 读取成功完成时触发
onloadend() 读取完成时出发,不论是否成功
onloadstart() 读取开始时触发
onprogress() 读取中
6、开放字体格式 WOFF
WOFF是 Web Open Font Format的简称,是W3C组织所推荐的全新的网页所采用的字体格式标准。
7、地理定位
8、微数据
9、XMLHttpRequest Level2
二级标题
三级标题
四级标题
注: