HTML5

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天涯不是有的标题

定义文档页眉

定义文档页脚

section

定义文档中的节

hgroup

用于对section或网页的标题进行组合,使用figcaption标签为元素组添加标题

定义导航连接部分

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

二级标题

三级标题

四级标题

注:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值