合理的给DIV命名

《合理的给DIV命名》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、合理的给DIV+CSS命名，能让蜘蛛知道你的源码是在干什么，同时，在你之后的代码开发、维护人员也能快速了解代码结构。正确的命名对SEO的作用不明显？无数的SEO细节成就一个完整的SEO项目！搜索引擎可都是通过抓取你的网站源代码来进行亲密接触的，那么，如何才能更好地让搜索引擎的爬虫更快更准确地觉察到你的内容相关性，增强网站的搜索优化呢？可能从最基本的DIV+CSS的命名规则入手会有意想不到的收获，最基础的就是最有效的。下面从前端设计的角度整理的DIV+CSS的命名规则，就很好地考虑到了搜索引擎的喜好，在页面设计的过程中，尽量做你懂，搜索引擎也懂，何乐而不为呢。页头

2、：header登录条：loginBar标志：logo侧栏：sideBar广告：banner导航：nav子导航：subNav菜单：menu子菜单：subMenu搜索：search滚动：scroll页面主体：main内容：content标签页：tab文章列表：list提示信息：msg小技巧：tips栏目标题：title加入：joinus指南：guild服务：service热点：hot新闻：news下载：download注册：regsiter状态：status按钮：btn投票：vote合作伙伴：partner友情链接：friendLink页脚：footer版权：cop

3、yRight1.CSSID的命名外　套：　　wrap主导航：　　mainNav子导航：　　subnav页　脚：　　footer整个页面：　content页　眉：　　header页　脚：　　footer商　标：　　label标　题：　　title主导航：　　mainNav(globalNav)顶导航：　　topnav边导航：　　sidebar左导航：　　leftsideBar右导航：　　rightsideBar旗　志：　　logo标　语：　　banner菜单内容1：menu1Content菜单容量：　menuContainer子菜单：　　submenu边导航图标：

4、sidebarIcon注释：　　　note面包屑：　　breadCrumb(即页面所处位置导航提示)容器：　　　container内容：　　　content搜索：　　　search登陆：　　　login功能区：　　shop(如购物车，收银台)当前的　　　current2.另外在编辑样式表时可用的注释可这样写：<–Footer–>内容区<–EndFooter–>3.样式文件命名主要的master.css布局，版面layout.css专栏columns.css文字font.css打印样式print.css主题themes.css【theend】