HTML5引入了许多新的元素、属性和API，以增强网页内容的结构和功能。以下是一些HTML5的主要组成部分：

  1. 新的语义元素：

    • <header>：定义页面或区域的头部。

    • <nav>：定义导航链接。

    • <article>：表示独立的文章或内容块。

    • <section>：表示文档中的一个独立部分。

    • <aside>：表示与当前主要内容相关但非必要的附加信息。

    • <footer>：定义页面或区域的底部。

  2. 多媒体支持：

    • <audio> 和 <video>：用于嵌入音频和视频文件。

  3. 图形和动画：

    • <canvas>：提供一个可以通过JavaScript脚本来绘制图形、动画等元素的2D绘图环境。

    • <svg>：用于创建可缩放的矢量图形。

  4. 表单控件：

    • 新增了多种表单控件，如<datalist>（用于预定义选项列表）、<output>（用于显示计算结果）等。

  5. 地理位置支持：

    • <geolocation>：允许网页请求用户的地理位置信息。

  6. 拖放功能：

    • 支持拖放操作，使得用户可以在网页上直接移动元素。

  7. 跨文档消息传递：

    • 允许来自不同源的窗口或iframe之间进行安全通信。

  8. Web存储：

    • <localStorage>：提供浏览器端的持久性存储。

    • <sessionStorage>：提供浏览器端的会话级存储。

  9. 离线访问：

    • 通过Service Workers实现离线缓存和网络优先策略。

  10. Web Workers：

    • 允许在后台线程中运行JavaScript代码，从而不会阻塞主线程。

  11. IndexedDB：

    • 提供了一个客户端存储数据库，用于存储大量结构化数据。

  12. Web Sockets：

    • 提供了一种在单个TCP连接上进行全双工通信的方式。

  13. Web APIs：

    • 包括文档对象模型（DOM）、计时器、位置、拖放、网络状态、存储等API。

  14. 其他新特性：

    • 支持Canvas API的扩展，如WebGL（用于3D图形渲染）。

    • 增强的安全性和隐私保护特性，如跨源资源共享（CORS）和内容安全策略（CSP）。

请注意，HTML5还包括许多其他功能和特性，这里只列举了一部分主要的组成部分。随着技术的不断发展，HTML5也在不断更新和完善。