div css命名规范 css class命名规则(符合SEO规范)

当前位置 : 首页 > 网页制作 > 心得技巧 > div css命名规范 css class命名规则(符合SEO规范)

div css命名规范 css class命名规则(符合SEO规范)

来源:互联网 作者:脚本宝典 时间:2015-09-04 14:44
搜索引擎优化(seo)有很多工作要做,其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范, 下面是目前流行的CSS+DIV的命名规则: 页头:header 登录条:loginBar 标志:logo 侧栏:sid

搜索引擎优化(seo)有很多工作要做,其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范, 
下面是目前流行的CSS+DIV的命名规则: 

页头:header 
登录条:loginBar 
标志:logo 
侧栏:sideBar 
广告:banner 

导航:nav 
子导航:subNav 
菜单:menu 
子菜单:subMenu 
搜索:search 
滚动:scroll 

页面主体:main 
内容:content/container/box 
标签页:tab 
文章列表:list 
提示信息:msg 
小技巧:tips 
栏目标题:title 

加入:joinus 
指南:guild 
服务:service 
热点:hot 
新闻:news 
下载:download 
注册:regsiter 
状态:status 

按钮:btn 
投票:vote 
友情链接:friendLink 
页脚:footer 
合作伙伴:partner 
版权:copyRight 

CSSID的命名 
外套:wrap 
主导航:mainNav 
子导航:subnav 
页眉:header 
页脚:footer 
整个页面:main 

商标:label 
标题:title 
主导航:mainNav(globalNav) 
顶导航:topnav 
边导航:sidebar 
左导航:leftsideBar 
右导航:rightsideBar 
旗志:logo 
标语:banner 
菜单内容1:menu1Content 
菜单容量:menuContainer 

容器:container/box 
内容:content 
子菜单:submenu 
边导航图标:sidebaricon 
注释:note 
搜索:search 
登陆:login 
功能区:shop(如购物车,收银台) 
当前的current 

面包屑:breadCrumb(即页面所处位置导航提示) 

样式文件命名 
主要的:master.css 
布局版面:layout.css 
专栏:columns.css 
文字:font.css 
打印样式:print.css 
主题:themes.css 
通用:common.css/public

Tag:
网友评论

<