使用Div+Css进行网页布局的11个好处

2020-03-24 18:25:29

字体：大中小

来源：转载

供稿：网友

使用Div+Css进行网页布局的11个好处1，缩减代码，提高页面浏览速度。
采用CSS布局，不像表格布局充满各种各样的属性和数字，而且很多css文件时公用的，从而大大减缩页面代码，提高页面浏览速度。
2，结构清晰，对搜索引擎更加友好。
更容易被搜索引起收录，具备搜索引擎SEO的先天条件，配合优秀的内容和一些SEO处理，可以获得更好的网站排名。
3，支持各种浏览器，兼容性好。
符合Web标准规范的发展趋势，可以在几乎所有的浏览器上都可以使用，不会出现在不同浏览器中下过差距很大的情况。（兼容性问题有待再研究）
4，简单修改，缩短改版时间。
因为网站的布局都是通过外部的CSS文件来控制，只要简单的修改几个css文件就可以将许多网页的风格格式同时更新，不用再一页一页地更新了。
你可以将站点上的所有的网页风格都是用一个CSS文件进行控制，只要修改这个css文件中相应的行，那么整个站点的所有页面就会随之发生变动。
5，强大的文字控制和排版能力。
css控制字体的能力比糟糕的font标签好多了，css不再需要用font标签或者透明的1px图片来控制标题、改变字体颜色、字体样式等等。
6，使用css可以结构化HTML，提高易用性。
例如：P标签只用来控制段落，h1-h6标签只用来控制标题，table标签只用来表现格式化的数据等等。你可以增加更多的用户而不需要建立独立的版本。
7，更好的扩展性。
你的设计不仅仅用于web浏览器，也可以发布在其他设备上，比如powerpoint等。
8，更灵活控制页面布局。
通常页面的下载是按照代码的排列顺序，而表格布局代码的排列顺序从上向下，从左到右，无法改变。而通过CSS控制，您可以任意改变代码的排列顺序，
比如把重要的右边内容先加载出来。
9，表现和内容分离，干净利落。
将设计部分剥离出来放在一个独立样式文件中，而网页主要来防止您的内容，你可以减少未来网页无效的可能。
10，优化了表结构。
Table表格布局中，垃圾代码会很多，一些修饰的样式及布局的代码混合一起，很不利于直观。而Div 更能体现样式和结构相分离，结构的重构性强。
Table表格布局灵活性不大，你只能遵循 table tr td 的格式。而div你可以 div ul li 也可以 ol li 还可以 ul li......
11.更快加载带有图片的页面。
以前一些必须通过图片转换实现的功能，现在只要用CSS就可以轻松实现，从而更快地下载页面
html教程

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。

上一篇：用CSS来控制网页背景

下一篇：纯CSS实现圆角效果