宋昭寿，胡忠旭，漆丽娟

（昭通师范高等专科学校计科系，云南 昭通 657000）

HTML5网页设计探析

宋昭寿，胡忠旭，漆丽娟

（昭通师范高等专科学校计科系，云南 昭通 657000）

HTML5是Web 应用发展的方向，它更注重网页的表现和应用.通过对HTML5新特性、属性的分析，对比此前的网页设计技术HTML4.01、XHTML1.0和CSS； 并用实例说明HTML5在简洁化、语义化标签、离线存储、WebSocket协议、Web forms2.0等方面给网页设计带来的影响.

HTML5; CSS; Web Forms2.0; 网页设计

引言

2000年底，国际W3C组织公布发行了 XHTML 1.0 版本，到现在已经有10 年了.这10 年里，Web飞速发展，XHTML 1.0已经跟不上时代的发展了，于是 HTML 5孕育而生.W3C 在 2008 年1月发布了第一份 HTML 5 工作草案[1].和以前的版本不同，HTML 5 并非仅仅用来显示Web 内容，它将把Web带入一个成熟的应用平台，在这个平台上，视频，音频，图形，动画，以及人与Web应用的交互都被标准化.目前Firefox、Google Chrome、Opera、Internet Explorer 9等主流浏览器已开始支持HTML5技术.随着愈来愈多的浏览器对HTML5的支持，网络应用将进入HTML5时代.

本文就HTML5给网页设计带来的各个方面的影响进行分析，对比新老技术中实现方案的不同，并就HTML5当前面临的问题做说明.

1 文档类型定义更简洁

HTML4，XHTML中对文档定义类型的说明都有三种，分别是：Strict（严格的）、Transitional（兼容模式） 以及 Frameset（框架模式）.HTML文档的第一项必须是文档类型定义声明[2]，它的作用是告诉浏览器，本文档是采用何种HTML 或 XHTML 规范的，浏览器将根据其规范进行解析.

HTML4.01、XHTML1.0采用的三种类型定义格式如下[3-4]：

在HTML5中，这就变得很简单了，只需要采用一种方式进行声明，即:[3]

2 网页结构标记语义化，网页布局更简洁

HTML5中增加了语义化标签如：header, nav,section, article, aside, footer；……