HTML5 引入了许多新特性,主要包括以下几类:
- 语义化标签 :如
<header>
、<nav>
、<article>
、<section>
、<aside>
、<footer>
等,使代码结构更清晰,利于搜索引擎优化和代码维护。 - 表单增强 :新的表单元素(
<datalist>
、<keygen>
、<output>
)和输入类型(email
、url
、number
、date
等),还有表单验证属性(required
、pattern
等)。 - 多媒体支持 :
<audio>
和<video>
标签,可直接在网页中嵌入音频和视频,无需依赖第三方插件。 - 画布(Canvas) :
<canvas>
元素允许通过 JavaScript 动态绘制图形、动画和游戏等。 - 地理定位 :通过
navigator.geolocation
API 获取用户的地理位置信息。 - Web 存储 :包括
localStorage
和sessionStorage
,用于在客户端存储数据,比传统的 Cookie 更方便和高效。 - Web Workers:允许在浏览器中运行后台脚本,不影响页面的主线程,提高页面性能。
- WebSocket:提供了浏览器与服务器之间的全双工通信,实现实时交互。