DIV+CSS的概念

DIV+CSS有什么优点？~

DIV+CSS优点如下：
1、能够使代码精简，使用div+css布局使代码很是精简，css文件可以在网站的任意一个页面进行调用，避免了使用table表格修改部分页面。
2、提升了网页访问速度，div+css布局较传统的Table布局比较，减少了许多代码，其浏览访问速度自然得以提升，从而提升了网站的用户体验度。
3、有利于优化。采用div-css布局的网站对于搜索引擎很是友好，简洁、结构化的代码更加有利于突出重点和适合搜索引擎抓取。
4、浏览器兼容性 。DIV+CSS更容易出现多种浏览器不兼容的问题，主要原因是不同的浏览器对web标准默认值不同。
5、需要注意的是，网页不喜欢一个页面有太多的css代码，否则同样会影响蜘蛛的爬行，影响搜索引擎的收录，所以采用外部调用的方式调用CSS是非常不错的方法。
6、若非必须太多花哨的网站，采用CSS布局，同样可以到达所想要的效果。如网站导航中的文字颜色变化、css下拉菜单等。

扩展资料：
DIV+CSS对SEO网站优化能起的作用
1、精简的代码，使用DIV+CSS布局，页面代码精简，这一点相信对XHTML有所了解的都知道。代码精简提高了百度蜘蛛的爬行效率以及高效性，能在最短的时间内爬完整个页面，同时这样对收录质量也有一定好处。
2、提高访问速度、增加用户体验性
使得加载速度得到很大的提高，那么用户点击页面的等待时间就越少，用户体验性的增加相应的带来就是网站受到搜索引擎的喜欢，进而提高网站排名。
3、div+css结构清晰，很容易被搜索引擎搜索到，本来就是适合优化seo，降低网页的大小，让网页体积变得更小。
4、要注意的是：div+css结构清晰、精简，不意味着可以全部用div+css结构，比如通篇HTML标签全DIV的，貌似除了之上及之上及之外，其它全是，就如同整个HTML是一万个毫不相干的内容拼装起来，或者通篇是结构的，就如同这个页面所有元素全是列表。
参考资料来源：百度百科-div css

在展示上，id的优先权比class要高，举例测试下：

因为id与class调用的都是css中样式名，所以这里用两个样式来比较，效果是最明显了，看看页面展示效果：

DIV+CSS是网站标准（或称“WEB标准”）中常用的术语之一，通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用DIV+CSS的方式实现各种定位。

CSS是英语Cascading Style Sheets（层叠样式表单）的缩写，它是一种用来表现 HTML 或 XML 等文件式样的计算机语言。

DIV元素是用来为HTML文档内大块（block-level）的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的，其中所包含元素的特性由DIV标签的属性来控制，或者是通过使用样式表格式化这个块来进行控制。

采用CSS+DIV进行网页重构相对与传统的TABLE网页布局而具有以下4个显著优势：

1：表现和内容相分离

将设计部分剥离出来放在一个独立样式文件中，HTML文件中只存放文本信息。

2：提高搜索引擎对网页的索引效率

用只包含结构化内容的HTML代替嵌套的标签，搜索引擎将更有效地搜索到你的网页内容，并可能给你一个较高的评价。

3：提高页面浏览速度

DIV+CSS布局较Table布局减少了页面代码，加载速度得到很大的提高，这在spider爬行时是非常有利的。过多的页面代码可能造成爬行超时，spider就会认为这个页面无法访问，影响收录及权重。

另一方面，真正的网站优化不只是为了追求收录、排名，快速的响应速度是提高用户体验度的基础，这对整个搜索引擎优化及营销都是非常有利的。

4：易于维护和改版

你只要简单的修改几个CSS文件就可以重新设计整个网站的页面。

5：代码精简

使用DIV+CSS布局，页面代码精简，这一点相信对XHTML有所了解的都知道。代码精简所带来的直接好处有两点：一是提高spider爬行效率，能在最短的时间内爬完整个页面，这样对收录质量有一定好处;二是由于能高效的爬行，就会受到spider喜欢，这样对收录数量有一定好处。

6：表格的嵌套问题

很多网站如何推广的文章中称，搜索引擎一般不抓取三层以上的表格嵌套，这一点一直没有得到搜索引擎官方的证实。但根据目前掌握的情况来看，spider爬行Table布局的页面，遇到多层表格嵌套时，会跳过嵌套的内容或直接放弃整个页面。

使用Table布局，为了达到一定的视觉效果，不得不套用多个表格。如果嵌套的表格中是核心内容，spider爬行时跳过了这一段没有抓取到页面的核心，这个页面就成了相似页面。网站中过多的相似页面会影响排名及域名信任度。

而DIV+CSS布局基本上不会存在这样的问题，从技术角度来说，XHTML在控制样式时也不需要过多的嵌套。

这虽然没有得到确认，但还是建议使用Table布局的朋友们，在设计时尽可能的不要使用多层表格嵌套，SEOer们在文章中说明了这一点，相信他们也不是没有依据的。

7：对网站的Alexa排名的影响

基于XTHML标准的DIV+CSS布局，一般在设计完成后会尽可能的完善到能通过W3C验证。截止目前没有搜索引擎表示排名规则会倾向于符合W3C标准的网站或页面，但事实证明使用XTHML架构的网站排名状况一般都不错。

---

万秀区13961086531： div css - 搜狗百科？
攸妹金振： div css 是一种网页的布局方法,这一种网页布局方法有别于传统的HTML网页设计语言中的表格(table)定位方式,真正地达到了w3c内容与表现相分离.HTML语言自HTML4.01以来,不再发布新版本,原因就在于HTML语言正变得越来越复杂化、专用化.XHTML语言是一种可以将HTML语言标准化,用XHTML语言重写后的HTML页面可以应用许多XML应用技术.使得网页更加容易扩展,适合自动数据交换,并且更加规整.在XHTML网站设计标准中,不再使用表格定位技术,而是采用DIV CSS的方式实现各种定位.

万秀区13961086531： 请详细解释DIV+CSS的概念？
攸妹金振： CSS+DIV是网站标准(或称“WEB标准”)中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用css+div的方式实现各种定位. CSS是英语Cascading Style Sheets(层叠样式表单)的缩写,它是一种用来表现 HTML 或 XML 等文件式样的计算机语言. DIV元素是用来为HTML文档内大块(block-level)的内容提供结构和背景的元素.DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的,其中所包含元素的特性由DIV标签的属性来控制,或者是通过使用样式表格式化这个块来进行控制.

万秀区13961086531： div+css是什么东西 - ？
攸妹金振： div可以认为是一种网页中的容器,css可以控制div以及其他元素的位置,大小,颜色等属性.用IE查看的网页源码,你就会看到一些的标签.

万秀区13961086531： div+css什么意思? - ？
攸妹金振： div是层 css是样式 可以说这两个是制作网页的核心 比如说某些网页上的漂浮广告就是用div层制作的

万秀区13961086531： 我是菜鸟,请问什么是DIV+CSS？
攸妹金振： div是html的一种标签,相当于盒子,span相当于袋子,用于网站布局.css是样式表文件,用于控制html的标签元素的 宽 高 颜色等大多数网站都是用div+css来布局的,这样能提升网站的性能,对seo也比较友好!

万秀区13961086531： 前端代码div+css是什么意思 - ？
攸妹金振： 前端代码div+css,就是现在一种网页设计的一种实现方式,通过div+css,可以现在对一些杂乱无章的图片和文字,进行排版和使用, 从而实现了人们通常看到的漂亮的网页.具体看下代码: 宽度的学习导航条店铺图片左侧目录右侧内容尾区尾招

万秀区13961086531： DIV+CSS是什么意思呢?实质是什么? - ？
攸妹金振： 要弄懂这个意思,首先你要对网页有一定了解,对和div相对的table布局有很好的认识,这样理解起来就不难了. DIV+CSS是网站标准(或称“WEB标准”)中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式...

万秀区13961086531： div+css 是什么意思 - ？
攸妹金振： div+CSS是指一种网站布局方式,区别于传统 的table表格布局,是一种符合问吧标准的布局方式.这种布局方式布出来的网站,代码较为交接,载入速度快,符合用户体验,对搜索引擎友好,是一种最近几...

万秀区13961086531： 动易模板中常说的DIV+CSS是什么意思呀???？
攸妹金振： DIV+CSS是网站标准(或称“WEB标准”)中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用DIV+CSS的方式实现各种定位. CSS是英语Cascading Style Sheets(层叠样式表单)的缩写,它是一种用来表现 HTML 或 XML 等文件式样的计算机语言. DIV元素是用来为HTML文档内大块(block-level)的内容提供结构和背景的元素.DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的,其中所包含元素的特性由DIV标签的属性来控制,或者是通过使用样式表格式化这个块来进行控制.