多媒体增强
- HTML5 引入了原生
- WebM 和 Opus: HTML5 标准化了 WebM 视频编解码器和 Opus 音频编解码器,为现代媒体提供了高度压缩和高效的格式。这些编解码器在文件大小和质量之间实现了出色的平衡。
- 字幕和字幕: HTML5 支持向媒体文件添加字幕和字幕,提高了对聋哑人士和听力受损人士的可访问性。
离线存储
- IndexedDB: IndexedDB 是一种非关系型数据库,允许网站存储大量结构化数据。它可以在本地存储数据,即使用户处于离线状态也是如此。
- Web Storage: Web Storage提供了 sessionStorage 和 localStorage 两种机制,允许在会话期间或无限期地存储数据。这些机制非常适合存储用户偏好、缓存数据和其他临时信息。
图形和动画
- WebGL: WebGL 是一种 JavaScript API,使网站能够在浏览器中渲染 3D 图形。它基于 OpenGL ES 2.0,为 Web 开发人员提供了创建复杂 3D 场景和体验的强大工具。
语义增强
和 HTML5 引入了和 和 标签: 和 标签提供了表示页面不同部分的语义元素。这可以帮助屏幕阅读器和辅助技术了解内容的组织方式。
其他关键特性
- WebSockets: WebSockets 是一种全双工通信协议,允许在浏览器和服务器之间建立实时双向连接。这对于需要实时更新的应用程序和服务(例如聊天和在线游戏)至关重要。
- 地理定位: HTML5 允许网站使用地理定位 API 访问用户的物理位置。这对于基于位置的服务(例如地图、导航和天气预报)非常有用。
- 拖放: HTML5 的 Drag and Drop API 使得在网页中轻松地拖放元素成为可能。这简化了用户界面,并允许创建直观且交互的应用程序。
- 媒体流: HTML5引入
- Web Components: Web Components 是一套用于创建可重用组件的规范,可以封装 HTML、CSS 和 JavaScript。这简化了前端开发,并使开发人员能够创建模块化且可维护的代码。