Div在网页布局技术中的应用
css简单网页代码作者：刘畅
来源：《消费电子·理论版》2013年第11期
        摘 要：网页设计领域的新技术日新月异，发展迅速。HTML5+CSS3标准的正式提出，使得网页设计迈入了崭新时代，目前网页布局中最流行的是CSS+Div技术。本文主要介绍了Div标签在网页布局中的应用，通过它可以轻易将页面元素定位在页面的任意位置。
        关键词：Div；CSS；网页布局
        中图分类号：TP393.092 文献标识码：A 文章编号：1674-7712 （2013） 22-0000-01
        一、网页布局工具的比较
        网页前台界面设计通常有3种布局技术，每种布局方式都有其特点。
        （一）表格布局：是目前网页中使用比例最高的布局方式，其出现最早，技术成熟，简单且容易上手，是初学者最容易接受的布局方式。表格在定位图片和文本方面有很大优势，
且浏览器兼容性良好。表格布局唯一的缺点是，层层嵌套的表格会使网页结构混乱，其线性加载的特征使网页打开的速度变慢。
        （二）框架布局：是使用嵌套网页的布局技术。随着时间的发展，框架布局由于浏览器的支持性差，银镜组件退出网页设计的历史舞台。
        （三）CSS+Div布局：在HTML4.0标准中，CSS和Div等标签配合使用，真正实现了网页内容和形式的分离，这种布局方式相对复杂，但其网页代码的规整和网页加载熟读的优化是任何其他布局方式无法比拟的。目前，衡量一个网站是否优秀，主要标准是该布局方式的使用，网页设计的核心是CSS+Div技术的使用，在CSS+Div不居中，Div标签主要用来装载网页中的内容，其外观与形式完全由CSS进行控制，由此实现了网页内容与形式的分离，使网页代码更加规范、有序。
        二、Div标签
        Div标签是重要的HTML标签，它类似一个容器，装载了HTML文档中大块内容，并定义了其位置和样式，Div标签又称为区块标签。碎叶网页设计技术日新月异，软件的不断升级，层技术得到了进一步的发展，CSS+Div技术已经称为网页布局技术的主流。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。