DIV+CSS布局和命名规范

最新推荐文章于 2022-09-20 16:23:21 发布

frost08ds

最新推荐文章于 2022-09-20 16:23:21 发布

阅读量552

点赞数

分类专栏： CSS 文章标签： div+css的布局和命名规范

本文链接：https://blog.csdn.net/frost08ds/article/details/40208957

版权

CSS 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

DIV+CSS布局方式的优势

　网页布局方面，最适合搜索引擎的网页结构是小、静态、没有框架、格式一致的网页。用DIV+CSS布局的网页，页面代码精简，代码精简可以提高spider爬行效率，spider可以在最短时间内爬完整个页面，这样可以提高收录质量。另一方面，由于爬行效率高，会受到spider青睐，对收录数量也有一定的好处。
　　用DIV+CSS布局的网页容易向W3C标准靠拢，网站是否符合W3C标准是搜索引擎给网页排名和一个影响因素。并且，网站源代码简洁，标签使用少，这样使网站内容完全裸露在搜索引擎的蜘蛛面前，便于抓取内容，增大关键内容的页面的比重，从而为排名因素增加比重。
　　用DIV+CSS布局可很容易做到关键内容先被蜘蛛读取。大多站点都采用左中右三栏式，而页面的主要内容一般都处于中间一栏，蜘蛛抓取页面内容是按照从上而下，从左至右的顺序进行的，如果你在左栏内容较多，页面主要内容权值就会下降。但是用DIV+CSS布局，可以把主要内容先写在前面，再写左栏、右栏内容，然后通过CSS定位达到预设效果。
　　方便调整网站结构布局。对于常用的表格布局，若想改下布局是相当麻烦的，用CSS+DIV布局，如果网页结构设计的合理，可以用CSS很轻松的改变网站的显示效果，因其达到了结构和内容、行为的分离。Spider亦关注网站更新，如果网站结构定期发动，自然搜索引擎蜘蛛会对其产生吸引力。

　　用DIV+CSS布局的网页容易向W3C标准靠拢，网站是否符合W3C标准是搜索引擎给网页排名和一个影响因素。并且，网站源代码简洁，标签使用少，这样使网站内容完全裸露在搜索引擎的蜘蛛面前，便于抓取内容，增大关键内容的页面的比重，从而为排名因素增加比重。
　　用DIV+CSS布局可很容易做到关键内容先被蜘蛛读取。大多站点都采用左中右三栏式，而页面的主要内容一般都处于中间一栏，蜘蛛抓取页面内容是按照从上而下，从左至右的顺序进行的，如果你在左栏内容较多，页面主要内容权值就会下降。但是用DIV+CSS布局，可以把主要内容先写在前面，再写左栏、右栏内容，然后通过CSS定位达到预设效果。
　　方便调整网站结构布局。对于常用的表格布局，若想改下布局是相当麻烦的，用CSS+DIV布局，如果网页结构设计的合理，可以用CSS很轻松的改变网站的显示效果，因其达到了结构和内容、行为的分离。Spider亦关注网站更新，如果网站结构定期发动，自然搜索引擎蜘蛛会对其产生吸引力。

总结优点

基于XTHML标准的DIV+CSS布局方式，使网页样式与内容分离，结构简单，较表格布局减少了页面代码，提高了页面加载速度，便于网站维护和更新。这些对于Spider爬行都是非常有利的，利于搜索引擎优化。

以上就是51RGB小编总结关于网站布局和SEO优化的文章。

命名规范div+css

内容：content / container 导航：raw 侧栏：sidebar

栏目：column 标志：logo 页面主题：main

广告：banner 热点：hot 新闻：new

下载：download 自导韩：subnav 菜单：menu

搜索：search 页脚：footer 滚动：scroll

版权：copyright 友情链接：friendlink 子菜单：submenu

标签页：tab 文章列表：list 注册：regsiter

提示信息：msg 小技巧：tips 加入：joins

标题：title 指南：guild 服务：service

状态：status 投票：vote 登录名：loginbar