本节书摘来自异步社区《HTML5 开发实例大全》一书中的第1章，第1.1节,作者： 张明星 更多章节内容可以访问云栖社区“异步社区”公众号查看。
在全新的HTML 5中，有很多新的标记元素，通过这些新的标记元素可以实现传统HTML标记语言所不能实现的功能。另外在本章的内容中，还会引领读者一起重温HTML 5传统页面元素的使用技巧，为读者步入本书后面知识的学习打下基础。
HTML5 开发实例大全
本实例的功能是编写一段基本的HTML 5程序，让读者体会HTML 5的基本语法。并体会HTML 5在哪一种浏览器中可以正常运行。
具体实现
使用Dreamweaver创建一个名为“001.html”的文件，具体代码如下所示：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><!--Dreamweaver自动生成的--> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <title>检测浏览器是否支持HTML 5</title> </head> <body style="font-size:13px"> <canvas id="myCanvas" width="200" height="100" style="border:2px solid #CCC;background-color:#EEE"> 当前浏览器不支持全新的画布标记！ </canvas> </body> </html>在上述HTML 5代码中，在里面插入了一段HTML 5画布标记，画布标记< canvas >< /canvas >是HTML 5的全新标记。如果我们使用的浏览器支持HTML 5的新特性，则执行后将会显示一个矩形效果，如图1-1所示。如果不支持，则在页面中显示“当前浏览器不支持全新的画布标记！”的提示。
因为在写作此书时，微软的IE浏览器不支持HTML 5，所以执行后的效果如图1-2所示。
注意
本书使用的浏览器是Firefox，除了这个浏览器之外，谷歌的Chrome浏览器也支持HTML 5。
相关资源：Google.Android开发入门与实战