陆 钻

（南通理工学院 软件工程系，江苏 南通 226000）



基于HTML5和CSS3网页布局技术应用

陆 钻

（南通理工学院 软件工程系，江苏 南通 226000）

摘 要：随着互联网产业的高速发展，HTML超文本标记语言作为构建web世界的基础语言，也经历了数次发展。从1995年的HTML2.0到当前最炙手可热的HTML5，从1996年的CSS1.0到最近的CSS3.0，HTML5和CSS3两种技术的融合正引领着web前端开发的革命。本文主要探讨了HTML5和CSS3技术的新特性、优势，以及通过实例说明它们在网页布局中的应用。

关键词：HTML5；CSS3.0；网页布局

随着web2.0标准的普及，表格布局和框架布局的方式已然被摒弃。web2.0标准将网页分为结构、表现、行为3部分，即使用HTML创建基本的网页结构和内容，使用CSS控制它们的外观即表现样式，使用JavaScript添加交互功能控制网页的行为。经过数十年的发展，HTML和CSS目前的最新版本为HTML5和CSS3，相较于之前的版本，HTML5和CSS3不论在功能还是人机交互方面，都有着突出的表现和优势，一跃成为如今WEB前端开发技术的新秀。

1　HTML5和CSS3的新特性和优势

1.1 HTML5和CSS3的新特性

HTML5是WHATWG工作组继HTML4.01和XHTML2.0之后开发的后续版本。和上一代HTML4相比，HTML5集中体现了结构标签语义化、视频、音频、画布、离线存储、新增表单界面控件功能等方面的优势。目前国内外很多大型的门户网站都使用HTML5和CSS3网页制作技术对所属网站进行结构和内容上的调整、布局和优化。毋庸置疑，在未来的5～10年内，HTML5将成为移动互联网领域的领导者。

CSS3作为层叠样式表的最新升级版，新增了诸多选择器及颜色透明度、阴影、渐变、圆角、自定义字体、弹性盒布局、多列布局等方面的特性，可以方便快捷地实现精美的页面表现效果。……