作者:JayantKwon | 来源:互联网 | 2020-09-11 06:03
html5新特性有:1、语义化标签;2、增强型表单;3、新增video和audio标签;4、Canvas绘图;5、SVG绘图;6、WebWorker;7、拖放API;8、WebStorage;9、地址位置;10、WebSocket。
html5新特性有哪些
1.语义化标签
对比之前HTML没有体现结构语义化的标签,如:
//表头的声明
HTML5提供语义化标签,如:
2.增强型表单
多个新的表单 Input 输入类型,如:
color,url,date等
这些新特性提供了更好的输入控制和验证。
新增表单元素,如:
新增表单属性,如:
placehoder 属性,简短的提示在用户输入值前会显示在输入域上。即我们常见的输入框默认提示,在用户输入后消失。
required 属性,是一个 boolean 属性。要求填写的输入域不能为空
pattern 属性,描述了一个正则表达式用于验证 元素的值。
min 和 max 属性,设置元素最小值与最大值。
step 属性,为输入域规定合法的数字间隔。
height 和 width 属性,用于 image 类型的 标签的图像高度和宽度。
autofocus 属性,是一个 boolean 属性。规定在页面加载时,域自动地获得焦点。
multiple 属性 ,是一个 boolean 属性。规定 元素中可选择多个值。
3.新增视频
4.Canvas绘图
5.SVG绘图
6.地理定位
7.拖放API
8.Web Worker
9.Web Storage
10.WebSocket
更多html基础教程,请访问PHP中文网!
以上就是html5新特性有哪些的详细内容,更多请关注 第一PHP社区 其它相关文章!