HTML5新特性 #

HTML5是HTML标准的重大升级，引入了大量新特性和API，极大地丰富了网页的功能。

语义化标签 #

HTML5引入了多个语义化标签，使文档结构更清晰：

• <header> - 页面或章节的头部
• <nav> - 导航链接
• <main> - 页面主要内容
• <article> - 独立的文章内容
• <section> - 文档区段
• <aside> - 侧边栏内容
• <footer> - 页面或章节的底部

多媒体支持 #

音频和视频 #

<audio controls>
  <source src="audio.mp3" type="audio/mpeg">
  <source src="audio.ogg" type="audio/ogg">
  您的浏览器不支持音频播放。
</audio>

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  您的浏览器不支持视频播放。
</video>

表单增强 #

HTML5引入了新的输入类型：

• email - 邮箱输入
• url - URL输入
• date - 日期选择器
• number - 数字输入
• range - 滑块输入
• search - 搜索框

Canvas和SVG #

Canvas #

Canvas元素用于绘制图形，通过JavaScript实现动态渲染。

SVG #

SVG是可缩放矢量图形，使用XML格式定义图形。

本地存储 #

• localStorage - 持久存储数据
• sessionStorage - 会话期间存储数据

地理定位 #

通过Geolocation API获取用户位置信息。

Web Workers #

允许在后台运行脚本，不阻塞用户界面。

WebSocket #

提供全双工通信，实现服务器与客户端的实时通信。