html5新特性有哪些
1.语义化标签
对比之前HTML没有体现结构语义化的标签,如:
<divid="header"></div>//表头的声明
HTML5提供语义化标签,如:
<header><article><footer><nav><aside><section>等
2.增强型表单
多个新的表单Input输入类型,如:
color,url,date等
这些新特性提供了更好的输入控制和验证。
新增表单元素,如:
<output>,用于用于不同类型的输出,比如计算或脚本输出。
新增表单属性,如:
placehoder属性,简短的提示在用户输入值前会显示在输入域上。即我们常见的输入框默认提示,在用户输入后消失。
required属性,是一个boolean属性。要求填写的输入域不能为空
pattern属性,描述了一个正则表达式用于验证<input>元素的值。
min和max属性,设置元素最小值与最大值。
step属性,为输入域规定合法的数字间隔。
height和width属性,用于image类型的<input>标签的图像高度和宽度。
autofocus属性,是一个boolean属性。规定在页面加载时,域自动地获得焦点。
multiple属性,是一个boolean属性。规定<input>元素中可选择多个值。
3.新增视频<video>和音频<audio>标签
<video><videosrc="/i/movie.ogg"controls="controls">
yourbrowserdoesnotsupportthevideotag
</video>
<audio>
<audiosrc="someaudio.wav">您的浏览器不支持audio标签。</audio>
4.Canvas绘图
5.SVG绘图
6.地理定位
7.拖放API
8.WebWorker
9.WebStorage
10.WebSocket
|