1. 语义化标签
具体可以看这个: 什么是HTML语义化
2. 增加多种媒体标签
例如audio video
3. 表单增强
HTML5 对表单控件也进行了扩展,增加了多种类型的输入控件,使得收集和验证用户输入更加方便:
- type=“email”、type=“url”:自动验证用户输入格式。
- type=“number”、type=“range”:输入数字或范围。
- type=“search”:优化的搜索框。
- type=“color”:颜色选择器。
- placeholder:输入框为空时显示的提示文字。
- required、pattern:简化了数据验证过程。
- time:时分秒
- data:日期选择年月日
- datatime:时间和日期(目前只有Safari支持)
- datatime-local:日期时间控件
- week:周控件
- month:月控件
4. 新的API
HTML5 引入了许多强大的 JavaScript API,支持更复杂的网页应用: 1)拖放API:允许用户拖放文件直接到网页中。
<img draggable="true" />2)Web Storage:提供 localStorage 和 sessionStorage,用于在客户端存储数据。 3)Canvas API:用于在网页上绘制图形。
<canvas id="myCanvas" width="200" height="100"></canvas>4)Geolocation API:允许网站访问用户的地理位置。
5. 进度条
6. 离线缓存应用
Offline Web Applications:HTML5 提供了应用程序缓存,允许网站在离线状态下运行。
7、 WebSockets
提供了一种在单个连接上进行全双工通讯的方式,使得实时数据通讯(如聊天应用)更加有效和资源节约。
8、 更丰富的图形和效果
CSS3 Integration:HTML5 与 CSS3 紧密集成,支持更复杂和动态的视觉效果。 SVG Integration:支持可缩放矢量图形 (SVG) 的直接嵌入。
9、移除过时元素
比如纯表现的元素:basefont,big,center,font, s,strike,tt,u; 对可用性产生负面影响的元素:frame,frameset,noframes;