DIV+CSS有啥优点？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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的，貌似除了<head>之上及<body>之上及之外，其它全是<div>，就如同整个HTML是一万个毫不相干的内容拼装起来，或者通篇是<div><ul><li>结构的，就如同这个页面所有元素全是列表。
参考资料来源：百度百科-div css
参考技术A 1、符合W3C标准。微软等公司均为W3C支持者。这一点是最重要的，因为这保证您的网站不会因为将来网络应用的升级而被淘汰。2、支持浏览器的向后兼容，也就是无论未来的浏览器大战，胜利的是IE7或者是火狐，您的网站都能很好的兼容。
3、搜索引擎更加友好。相对与传统的table, 采用DIV+CSS技术的网页，对于搜索引擎的收录更加友好。 4、样式的调整更加方便。内容和样式的分离，使页面和样式的调整变得更加方便。 现在YAHOO,MSN等国际门户网站，网易，新浪等国内门户网站，和主流的WEB2.0网站，均采用DIV+CSS的框架模式，更加印证了DIV+CSS是大势所趋。
5、CSS的极大优势表现在简洁的代码，对于一个大型网站来说，可以节省大量带宽，而且众所周知，搜索引擎喜欢清洁的代码。6、表现和结构分离，在团队开发中更容易分工合作而减少相互关联性。
CSS放入网页的几种方式
CSS＋DIV网站设计的问题
尽管DIV+CSS具有一定的优势，不过现阶段CSS+DIV网站建设存在的问题也比较明显，主要表现在：
第一，对于CSS的高度依赖使得网页设计变得比较复杂。相对于HTML4.0中的表格布局（table），CSS+DIV尽管不是高不可及，但至少要比表格定位复杂的多，即使对于网站设计高手也很容易出现问题，更不要说初学者了，这在一定程度上影响了XHTML网站设计语言的普及应用。
第二，CSS文件异常将影响整个网站的正常浏览。CSS网站制作的设计元素通常放在几个l外部文件中，这一个或几个文件有可能相当复杂，甚至比较庞大，如果CSS文件调用出现异常，那么整个网站将变得惨不忍睹。
第三，对于CSS网站设计的浏览器兼容性问题比较突出。基于HTML4.0的网页设计在IE4.0之后的版本中几乎不存在浏览器兼容性问题，但CSS+DIV设计的网站在IE浏览器里面正常显示的页面，到火狐浏览器（FireFox ）中却可能面目全非（这也是为什么建议网络营销人员使用火狐浏览器的原因所在 ）。CSS+DIV还有待于各个浏览器厂商的进一步支持。
第四，CSS+DIV对搜索引擎优化与否取决于网页设计的专业水平而不是CSS+DIV本身。CSS+DIV网页设计并不能保证网页对搜索引擎的优化，甚至不能保证一定比HTML网站有更简洁的代码设计，何况搜索引擎对于网页的收录和排序显然不是以是否采用表格和CSS定位来衡量，这就是为什么很多传统表格布局制作的网站在搜索结果中的排序靠前，而很多使用CSS及web标准制作的网页排名依然靠后的原因。因为对于搜索引擎而言，网站结构、内容、相关网站链接等因素始终是网站优化最重要的指标。
使用DIV+CSS布局网站的优点和缺陷
随着WEB2.0标准化设计理念的普及，国内很多大型门户网站已经纷纷采用DIV+CSS制作方法，奋斗网络也成为了CSS网页布局技术学习的先锋站点，从实际应用情况来看，此种方法绝对好于表格制作页面的方法。
如今大部分网站仍然采用表格嵌套内容的方式来制作网站，虽然此方法对于我们来说比较熟悉、比较上手；但是，它却阻碍了一种更好的、更有亲和力的、更灵活的，而且功能更强大的网站设计方法——DIV+CSS。
CSS网页布局的意义体现在如下方面：
一、使页面载入得更快
二、降低流量费用
三、修改设计时更有效率
四、保持视觉的一致性
五、更好地被搜索引擎收录 六、对浏览者和浏览器更具亲和力
说了这么多CSS网页布局的意义与优点，同时也不能轻视CSS网页布局的副作用：
一、DIV+CSS尽管不是高不可及，但至少要比表格定位复杂的多，即使对于网站设计高手也很容易出现问题，更不要说初学者了。
二、CSS网站制作的设计元素通常放在1个外部文件中，或几个文件，有可能相当复杂，甚至比较庞大，如果CSS文件调用出现异常，那么整个网站将变得惨不忍睹。
三、虽然说DIV+CSS解决了大部分浏览器兼容问题，但是也有在部分浏览器中使用出现异常，比如火狐浏览器，在IE中显示正常的页面，到了火狐浏览器中可能会面目全非。当然这应该是浏览器的问题，但是可以说在目前来看，DIV+CSS还没有实现所有浏览器的统一兼容。 参考技术B Div+CSS标准的优点:
1.大大缩减页面代码，提高页面浏览速度,缩减带宽成本;
2.结构清晰，容易被搜索引擎搜索到，天生优化了seo
3.缩短改版时间。只要简单的修改几个CSS文件就可以重新设计一个有成百上千页面的站点。
4.强大的字体控制和排版能力。CSS控制字体的能力比糟糕的FONT标签好多了，有了CSS，我们不再需要用FONT标签或者透明的1 px GIF图片来控制标题，改变字体颜色，字体样式等等。
5.CSS非常容易编写。你可以象写html代码一样轻松地编写CSS。 参考技术C 1、符合W3C标准。微软等公司均为W3C支持者。这一点是最重要的，因为这保证您的网站不会因为将来网络应用的升级而被淘汰。
2、支持浏览器的向后兼容，也就是无论未来的浏览器大战，胜利的是IE7或者是火狐，您的网站都能很好的兼容。
3、搜索引擎更加友好。相对与传统的table, 采用DIV+CSS技术的网页，对于搜索引擎的收录更加友好。
4、样式的调整更加方便。内容和样式的分离，使页面和样式的调整变得更加方便。 现在YAHOO,MSN等国际门户网站，网易，新浪等国内门户网站，和主流的WEB2.0网站，均采用DIV+CSS的框架模式，更加印证了DIV+CSS是大势所趋。
5、CSS的极大优势表现在简洁的代码，对于一个大型网站来说，可以节省大量带宽，而且众所周知，搜索引擎喜欢清洁的代码。
6、表现和结构分离，在团队开发中更容易分工合作而减少相互关联性本回答被提问者采纳 参考技术D 1.大大缩减页面代码，提高页面浏览速度,缩减带宽成本;
2.结构清晰，容易被搜索引擎搜索到，天生优化了seo .这一条没有贴别的感觉.
3.缩短改版时间。只要简单的修改几个CSS文件就可以重新设计一个有成百上千页面的站点。这个很有体会.
4.强大的字体控制和排版能力。CSS控制字体的能力比糟糕的FONT标签好多了，有了CSS，我们不再需要用FONT标签或者透明的1 px GIF图片来控制标题，改变字体颜色，字体样式等等。
5.CSS非常容易编写。你可以象写html代码一样轻松地编写CSS。
6.提高易用性。使用CSS可以结构化HTML，例如：<p>标签只用来控制段落，heading标签只用来控制标题，table标签只用来表现格式化的数据等等。你可以增加更多的用户而不需要建立独立的版本。
7.可以一次设计，随处发布。你的设计不仅仅用于web浏览器，也可以发布在其他设备上，比如PowerPoint。
8.更好的控制页面布局。不用多说。
9.表现和内容相分离。将设计部分剥离出来放在一个独立样式文件中，你可以减少未来网页无效的可能。
10.更方便搜索引擎的搜索。用只包含结构化内容的HTML代替嵌套的标签，搜索引擎将更有效地搜索到你的内容，并可能给你一个较高的评价(ranking)。
11.Table 布局灵活性不大，你只能遵循 table tr td 的格式。而div 你可以 div ul li 也可以 ol li 还可以 ul li ……但标准语法最好有序的写。
12.另外如果你不是javascrput的高手，你可以不必去写ID，只用class就可以。当客户端程序员写完程序，需要调整时候，你可以在利用他的ID进行控制。
13.Table 中布局中，垃圾代码会很多，一些修饰的样式及布局的代码混合一起，很不利于直观。而Div 更能体现样式和结构相分离，结构的重构性强。
14.在几乎所有的浏览器上都可以使用。
15.以前一些非得通过图片转换实现的功能，现在只要用CSS就可以轻松实现，从而更快地下载页面。
16.使页面的字体变得更漂亮，更容易编排，使页面真正赏心悦目。
17.你可以轻松地控制页面的布局 。
18.你可以将许多网页的风格格式同时更新，不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS文件进行控制，只要修改这个CSS文件中相应的行，那么整个站点的所有页面都会随之发生变动。
只有外企和大型的企业才才会注重css+div的,普通的小民企不注重这个.
使用服务而不是组件有啥优点和缺点？
【中文标题】使用服务而不是组件有啥优点和缺点？【英文标题】：What is the advantages and disadvantages of using services over components?使用服务而不是组件有什么优点和缺点？ 【发布时间】：2010-11-01 16:49:00 【问题描述】：从过去几个月开始，我一直在从事最新的点网框架中的项目。
我觉得在最新的 dot net 版本中，“服务”比组件更受鼓励。对吗？
我在 Silver Light 中看到（我是 Silver Light 的初学者）所有 DB 层操作都暴露为服务。不知道现在组件程序也有吗？
有什么优势？如果所有层都公开为服务而不是 DLLS，性能会怎样？
请通过对这个主题的一些了解，我应该从哪里开始正确理解这个概念？
谢谢
SC
【问题讨论】：
好吧，在 Silverlight 的情况下，您的 UI/应用程序在浏览器内外的客户端计算机上运行，而您的业务逻辑在远程服务器上。使用点击在一起的组件无法真正做到这一点 - 服务（跨越机器边界）确实是到达这里的唯一途径。 【参考方案1】：这确实与面向服务的架构有关——这种架构已经流行了一段时间并且非常流行。
这个想法是，不同的操作彼此分离，因此它们可以被重用和修改，而无需重新编译使用它的应用程序。无需在任何地方修改和复制 DLL 中的一段代码，而是可以部署一个服务来代表特定处理或信息源的单一访问点。
假设您有一个信用卡验证组件。您可以编写此代码并将其编译为 DLL，然后开始将其包含在您的所有应用程序中。除非您注意到错误或 CC 验证规则的更改，否则这没有任何问题。或者，也许您想升级它以对照黑名单进行检查。如果不重新编译使用它的应用程序，您将无法执行任何这些操作。
但是，如果您的信用卡验证作为一项服务公开，您可以进行更改并部署到一个位置。如果签名相同（相同的参数和响应），应用程序甚至不必知道它已更改。
使用服务而不是组件的另一个优点是服务可以托管在任何地方。它们可以在本地服务器上，也可以在世界的另一端。
话虽如此，您应该根据具体情况决定架构。虽然信用卡验证是服务何时有用的一个很好的例子，但提供服务来呈现 HTML 控件并没有多大意义。
【讨论】：
【参考方案2】：需要考虑的其他事项——仅仅因为功能作为“服务”公开并不意味着它必须托管在某个地方或作为网络服务公开。
您可以直接在内存中访问服务。
将相关功能公开为服务更多的是关于应用程序各个部分之间的交互。它没有说明您如何部署/访问这些部分。
【讨论】：
【参考方案3】：“跨语言”兼容性是另一个优势。您可以在 C#.net 中编写服务，也可以从 Java 访问该服务。因此，重用超出了编程语言的使用范围。
有什么优势？怎么样呢 如果所有层都是 公开为服务而不是 DLLS？
我会在这里注意这一点。 “所有层”是什么意思？应用层，例如业务和数据访问层？？我怀疑这可能有用（当然这取决于您的上下文），但通常服务是可以在许多不同上下文中重用的东西。一个示例可以是用于验证 Fiscal 代码的服务。然后，您将从应用程序的业务层调用此服务。我无法想象将业务层公开为单独的服务而将数据访问层公开为另一个单独的服务的情况。通常它们对于您正在开发的应用程序非常具体。可能是您有一个应用程序，例如可以通过 Web 访问（作为 Web 应用程序），并且通过 Web 服务有另一个入口点，其他应用程序可以使用（某种 API）。这是有道理的，但是您不会直接公开您的业务层，而是创建某种“网关”，即您的 Web 服务（委托给您的业务逻辑类的轻量级外观）。
【讨论】：
以上是关于DIV+CSS有啥优点？的主要内容，如果未能解决你的问题，请参考以下文章
北京-第四十六期div+css的布局较table布局有什么优点？
div+css中a链接 ie不支持 pointer-events: none; 属性有啥解决办法？？？