本节书摘来自异步社区《html5 开发实例大全》一书中的第1章,第1.1节,作者: 张明星 更多章节内容可以访问云栖社区“异步社区”公众号查看。
在全新的html 5中,有很多新的标记元素,通过这些新的标记元素可以实现传统html标记语言所不能实现的功能。另外在本章的内容中,还会引领读者一起重温html 5传统页面元素的使用技巧,为读者步入本书后面知识的学习打下基础。
html5 开发实例大全
![](https://img.laitimes.com/img/9ZDMuAjOiMmIsIjOiQnIsIyZuBnL4MGMyQGOwcjZjRDZhRTZwMmM1cjN5kTO5MTMwQTN4gzYkNjY1UmZ08CXt92Yu4GZjlGbh5SZslmZxl3Lc9CX6MHc0RHaiojIsJye.png)
本实例的功能是编写一段基本的html 5程序,让读者体会html 5的基本语法。并体会html 5在哪一种浏览器中可以正常运行。
具体实现
使用dreamweaver创建一个名为“001.html”的文件,具体代码如下所示:
在上述html 5代码中,在里面插入了一段html 5画布标记,画布标记< canvas >< /canvas >是html 5的全新标记。如果我们使用的浏览器支持html 5的新特性,则执行后将会显示一个矩形效果,如图1-1所示。如果不支持,则在页面中显示“当前浏览器不支持全新的画布标记!”的提示。
因为在写作此书时,微软的ie浏览器不支持html 5,所以执行后的效果如图1-2所示。
注意
本书使用的浏览器是firefox,除了这个浏览器之外,谷歌的chrome浏览器也支持html 5。