首先看一个简单的示例（源自w3schools的一个示例），以展示HTML5的基本结构:

<!DOCTYPE HTML>
<html>
<body>

<video width="320" height="240" controls="controls">
    <source src="movie.ogg" type="video/ogg">
    <source src="movie.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>

</body>
</html>

HTML5跟HTML4.0不一样，不再是基于SGML，因此不需要在文档头部加上一长串DTD，这让文档看起来更简洁。HTML5支持音频和视频，而不需要额外的插件来支持，对我这样不喜欢Flash和其它插件的开发人员来说显然是最有利的，除此之外，HTML5的很多其它特性让前端处理更加简单、功能更加强大、开发效率更高，如HTML5的canvas标签。

w3schools.com对HTML5作了很好的总结，引用如下：

为 HTML5 建立的一些规则：

  • 新特性应该基于 HTML、CSS、DOM 以及 JavaScript。
  • 减少对外部插件的需求（比如 Flash）
  • 更优秀的错误处理
  • 更多取代脚本的标记
  • HTML5 应该独立于设备
  • 开发进程应对公众透明

HTML5 中的一些有趣的新特性：

  • 用于绘画的 canvas 元素
  • 用于媒介回放的 video 和 audio 元素
  • 对本地离线存储的更好的支持
  • 新的特殊内容元素，比如 article、footer、header、nav、section
  • 新的表单控件，比如 calendar、date、time、email、url、search

真实示例

如果你用的浏览器支持HTML5的话，你应该能看到一段视频和听到一段音乐。如果你用的是IE<9，甚至的IE6这样的老古董浏览器的话，肯定只能看到一段文字说“你的浏览器太糟糕了，不支持HTML5”。如果这样的话，我支持换用Chrome, Firefox, 或者Safari.