div样式命名规范.doc

DIV+CSS样式表命名不能随意而为，否则以后进行维护时困难很大。在搜索引擎优化中， 对于代码的优化是一个非常重要的部分。 如果一个网页的代码非常的简捷，对于提升网站的排名那个是非常有好处的。 同样， 在CSS样式表中，合理有序的命名同样可以为整个CSS工作带来意想不到的简便。 为了更加符合搜索引擎的规范， 下面是一些常用的CSS代码命名标准。 这些标准虽然不是一个必须遵守的规范，但是，却被大多数SEOer所接受，并为整个网站的更新工作带来方便。DIV+CSS样式表的id和class的区别:就一句来概括, class可以定义多个值并且可以应用到多个标签上，但id只能是一个。所以就开始查一些相关的DIV+CSS样式表id和class的常用命名规则，请大家参考一下：页头:header 登录条:loginbar 标志:logo 侧栏:sidebar 广告:banner 导航:nav 子导航:subnav 菜单:menu 子菜单:submenu 搜索:search 滚动:scroll 页面主体:main 内容:content 标签页:tab 文章列表:list 提示信息:msg 小技巧:tips 栏目标题:title 加入:joinus 指南:guide服务:service 热点:hot 新闻:news 下载:download 注册:regsiter 状态:status 按钮:btn我们统一用arrow或者用缩写arr 合作伙伴:partner 友情链接:friendLink 页脚:footer 版权:copyRightCSS中 ID 的命名规范外套:wrap主导航:mainnav子导航:subnav页脚:footer整个页面:content页眉:header页脚:footer商标:label标题:title主导航:mainnav顶导航:topnav边导航:sidebar左导航:leftsidebar右导航:rightsidebar旗志:logo标语:banner菜单内容1: menu1Content菜单容量:menuContainer子菜单:submenu边导航图标:sidebarIcon注释:note面包屑:location (即页面所处位置导航提示)容器:container内容:content搜索:search登陆:login功能区:shop(如购物车，收银台)当前的current为了更加有效的使用CSS样式表， 大型的网站通常有许多个不同的样式表，按照不同的分类来调用不同的CSS样式表。 这些样式表的命名也需要严格的规范。 严格的CSS文件名命名规则，同样可以为工作带来更多的便利。下面是一些常用的CSS文件名命名规则。主要的 master.css布局，版面 layout.css专栏 columns.css文字 font.css打印样式 print.css主题 themes.css 当然， 在实际的使用中， 网页制作人员经常会根据自己的喜好和习惯来命名CSS样式名称， 和CSS文件的名称。 这样无形中会增加团队中沟通所需要的时间。 尤其是合作人员对于CSS样式不是很精通的时候，所花费的时间势必更多。 所以，如何制定一套扩展性较好的，严格的CSS命名规范在整个互联网行业内都是有必要继续研究的。目前我们所制作的网站一般为模版网站，每个制作出来的网站都是一个模版标准，以后都是在模版基础上做颜色更改和小幅度的板块修改，因为我们的样式都表名称和结构都需要一致：样式表名称统一用main.css,颜色样式表责使用关键词：color.css此外，订制型网站样式表则使用该网站关键词来做样式表的名称，更有利于关键词的优化.小编注语，在遵守以上样式表规范的同时，也应该灵活使用关键词，比如用到热点（hot），有可能一个网站有新闻的热点，也有产品的热点，那么此时就不能用单一的ho