正在加载图片...
8 HTML5+CSS3网页设计基础教程 在浏览器中执行页面文件index.html.,如果浏览器不支持HTML5的画布标记，将会显 示“该浏览器不支持HTML5的画布标记！”；若支持，则显示图1-1所示效果。需要注意 的是，虽然是同一个页面，但由于不同的浏览器对HTML5标记的支持情况也不同，因此显示 的页面效果也各异。所以，在编写HTML5新标记时，有必要先检测浏览器是否支持该标记。 合in鱼1o4egm 图1-】支持HTML5标记的浏览器的显示结果 1.3.3使用HTML5编写简单的Web页面 与HTML4相比，HTML5新增了很多新标签，整体页面结构也发生了很大变化。下面 使用HTML5来编写一个HTML页面，保存为index.html,.在其中加入如下代码： 【例1-2】一个简单的HTML5页面。 <IDOCTYPE html> <html> <head> <meta charset="UTF-8"> itle>第一个HTML5页面<ile> </head> <body> <p>Hello,World</p> </body> </html> 该页面的运行效果如图1-2所示。 D-1HL5法 ◆C白127A.0.I20W2dh1 Hetlo.World 图1-2运行效果 通过短短几行代码就完成一个页面的开发，可见HTML5语法的简洁。下面逐句分析 HTML5文档的组成。 第一行代码如下：• 8 • HTML5+CSS3 网页设计基础教程 在浏览器中执行页面文件 index.html，如果浏览器不支持 HTML5 的画布标记，将会显 示“该浏览器不支持 HTML5 的画布标记！”；若支持，则显示图 1-1 所示效果。需要注意 的是，虽然是同一个页面，但由于不同的浏览器对 HTML5 标记的支持情况也不同，因此显示 的页面效果也各异。所以，在编写 HTML5 新标记时，有必要先检测浏览器是否支持该标记。 图 1-1 支持 HTML5 标记的浏览器的显示结果 1.3.3 使用 HTML5 编写简单的 Web 页面 与 HTML4 相比，HTML5 新增了很多新标签，整体页面结构也发生了很大变化。下面 使用 HTML5 来编写一个 HTML 页面，保存为 index.html，在其中加入如下代码： 【例 1-2】 一个简单的 HTML5 页面。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>第一个 HTML5 页面</title> </head> <body> <p>Hello,World</p> </body> </html> 该页面的运行效果如图 1-2 所示。 图 1-2 运行效果 通过短短几行代码就完成一个页面的开发，可见 HTML5 语法的简洁。下面逐句分析 HTML5 文档的组成。 第一行代码如下：