html中的布局有多种方法，其中最常用的是div加css进行页面布局，这种布局的优缺点是什么？

html-css05

html中的布局有多种方法，其中最常用的是div加css进行页面布局，这种布局的优缺点是什么？,第1张

优点：

第一、利于搜索引擎蜘蛛爬行

根据总结和经验，div+css布局有利于蜘蛛的爬行，拿html的table布局和div+css布局的网页来做对比，很显然table的字节大于div+css的，字节小就有益于搜索引擎蜘蛛下载页面所用的时间，而且也有益于蜘蛛爬行到网站深处。

第二、易于修改

在一般情况下，div+css布局的网站，都是将html页面和css文件分开的，div+css的特点就是能将网页的内容和表现形式分离，所以，假如你要修改网站整站布局的话，一般只需要修改css文件里的的个别属性即可，而这种特点是table不具备的。

第三、减少网页加载时间

前面就提到过，div+css是将css文件和html文件分开的，当用户点击网站时，是在同时下载css文件和html文件，所以可以提高打开网页的速度。

缺点：

第一、开发技术高

众所周知，div+css要兼容各种浏览器，这样增加了div+css开发的难度。

第二、开发时间长

div+css布局相对于table布局来说，div+css的耗费时间要比table布局的时间长很多，另外考虑到浏览器兼容的问题，各种浏览器间的测试也是一个费时的事情。

第三、开发成本高

就上两点所说，高技术和长时间决定了他的成本。

简单的说，html相当于房子的框架，css相当于把房子装修了一下。

HTML与CSS之间的区别

1、性质不同

HTML（结构）：全称Hyper Text Markup Language（超文本标记语言），用于定义文档内容结构。该语言写的代码通常会被浏览器解析执行.

CSS（布局）：全称Cascading Style Sheets （层叠样式表），用于定义HTML文档的样式（外观）。CSS是页面表现的基础，可以控制布局，控制元素的渲染。

HTML是描述网页内容和结构的基本标记语言。而，CSS是HTML的扩展，它修改了网页的设计和显示。

HTML是网页的结构，CSS是网页的样式。例如如果把整个网页比喻成一个人，那么HTML就是骨头，CSS就是衣服。

2、语法不同

HTML由围绕内容的标签组成。而CSS由一个声明块继承的选择器组成。

html语法示例如下：

<div>内容</div>

css语法示例：

div{font-size:12px}

3、注释的格式不同

HTML注释格式：

<!--注释内容-->

CSS注释格式：

/*注释内容*/

4、HTML文件可以包含CSS代码，而CSS样式表绝对不能包含HTML代码。

即CSS可以在HTML文件中使用，但HTML不能在CSS样式表中使用。