本文摘自PHP中文网,作者angryTom,侵删。
1.语义化标签
对比之前HTML没有体现结构语义化的标签,如:
1 |
|
HTML5提供语义化标签,如:
1 |
|
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> 标签
1 2 3 4 5 |
|
4.Canvas绘图
5.SVG绘图
6.地理定位
7.拖放API
8.Web Worker
9.Web Storage
10.WebSocket
更多html基础教程,请访问PHP中文网!
以上就是html5新特性有哪些的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
HTML5讲解之拖拽事件dragstart、drag和dragend
(server-sent events)浅谈h5 中的服务器推送事件
如何使用HTML5中postmessage实现ajax中的post跨域问题的详细介绍
更多相关阅读请进入《HTML5》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者