HTML 5 演示 和 实例

HTML 5 演示和实例已经放在了一起。点击支持的浏览器图标或者技术标签来对演示进行筛选。(筛选方式是一种“或者”的关系)

W3C 在 1 月 22 日发布了最新的 HTML5 工作草案。HTML5 工作组包括 AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera 以及数百个其他的开发商。HTML5 中的一些新特性:嵌入音频、视频、图片的函数、客户端数据存储,以及交互式文档。其他特性包括新的页面元素,比如 <header>, <section>, <footer>, 以及 <figure>。

演示 支持 标签
Storage events 存储事件 ie: none firefox: live opera: live safari: live chrome: live storage
dataset (data-* attributes) 数据设置 ie: none firefox: none opera: live safari: nightly chrome: live dataset
History API using pushState 利用onpopstate事件 ie: none firefox: live opera: none safari: live chrome: live history
Browser based file reading 基于浏览器的文件读取 ie: none firefox: live opera: live safari: none chrome: live file-api
Drag files directly into your browser HTML5没有此直接标签 ie: none firefox: live opera: none safari: none chrome: live file-api dnd
Simple chat client 网页 socket ie: none firefox: nightly opera: nightly safari: live chrome: live websocket
Two videos playing in sync 两个视频同步播放 ie: live firefox: live opera: live safari: live chrome: live video
Interactive canvas gradients 互动 画布 梯度 ie: live firefox: live opera: live safari: live chrome: live canvas
Canvas & Video 视频 和 画布 ie: live firefox: live opera: live safari: live chrome: live video canvas
Video 音频 ie: live firefox: live opera: live safari: live chrome: live video
Canvas 画布 ie: live firefox: live opera: live safari: live chrome: live canvas
Content Editable 内容可编辑 ie: live firefox: live opera: live safari: live chrome: live contenteditable storage
Geolocation 运用于 safari 手机浏览器 ie: live firefox: live opera: live safari: live chrome: live geolocation
postMessage 相同域 ie: live firefox: live opera: live safari: live chrome: live postMessage
postMessage 跨域 ie: live firefox: live opera: live safari: live chrome: live postMessage
drag and drop 拖动并删除 ie: live firefox: live opera: none safari: live chrome: live dnd
drag anything 拖动任何东西 ie: live firefox: live opera: none safari: live chrome: live dnd
offline detection 离线检测 ie: none firefox: live opera: live safari: none chrome: none offline events
navigator.onLine tests 只投票,不使用事件 ie: live firefox: live opera: live safari: none chrome: none offline
on/offline event tests ie: none firefox: live opera: live safari: none chrome: none offline events
offline application using the manifest FF3.6 扔存在BUG,在初始化后无法请求 manifest ie: none firefox: live opera: live safari: live chrome: live offline manifest
Storage 存储 ie: live firefox: live opera: live safari: live chrome: live storage
Web SQL Database Storage 网页 SQL 数据库存储 ie: none firefox: none opera: live safari: live chrome: live sql-database
Web SQL Database - rollback test 网页 SQL 数据库 回滚 ie: none firefox: none opera: live safari: live chrome: live sql-database
Web Workers 小心,将占用大量的CPU资源! 若没有 -您的浏览器将被挂起 ie: none firefox: live opera: live safari: live chrome: live workers

所有内容,代码,视频和音频都遵守 Creative Commons Share Alike 2.0

HTML5 Powered with Connectivity / Realtime, Device Access, Graphics, 3D & Effects, Multimedia, Performance & Integration, Semantics, and Offline & Storage