收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 2932|回复: 4

DIV+CSS命名规范有助于SEO

[复制链接]
发表于 2012-7-24 13:47:51 | 显示全部楼层 |阅读模式
DIV+CSS命名规范有助于SEO
为了更加符合SEO的规范,下面是比较常见的 的CSS+DIV的命名规则:
页头:header
登录条:loginBar
标志:logo
侧栏:sideBar
广告:banner
导航:nav
子导航:subNav
菜单:menu
子菜单:subMenu
搜索:search
滚动:scroll
页面主体:main
内容:content
标签页:tab
文章列表:list
提示信息:msg
小技巧:tips
栏目标题:title
友情链接:friendLink
页脚:footer
加入:joinus
指南:guild
服务:service
热点:hot
新闻:news
下载:download
注册:register
状态:status
按钮:btn
投票:vote
合作伙伴artner
版权:copyRight

1.CSSID的命名
外套:wrap
主导航:mainNav
子导航:subnav
页脚:footer
整个页面:content
页眉:header
页脚:footer
商标:label
标题:title
主导航:mainNav(globalNav)
顶导航:topnav
边导航:sidebar
左导航:leftsideBar
右导航:rightsideBar
旗志:logo
标语:banner
菜单内容1:menu1Content
菜单容量:menuContainer
子菜单:submenu
边导航图标:sidebarIcon
注释:note
面包屑:breadCrumb(即页面所处位置导航提示)
容器:container
内容:content
搜索:search
登陆:login
功能区:shop(如购物车,收银台)
当前的current
2.样式文件命名
主要的:master.css
布局版面:layout.css
专栏:columns.css
文字:font.css
打印样式rint.css
主题:themes.css
转自 jquery
http://www.jqueryba.com/10.html
发表于 2012-7-24 15:04:27 | 显示全部楼层
很不错 适合新手学习 规范命名
回复 支持 反对

使用道具 举报

发表于 2012-7-24 23:54:13 | 显示全部楼层
了解了 不过我一般写的都不正规哦 那么对seo有坏处吗?
回复 支持 反对

使用道具 举报

 楼主| 发表于 2012-7-25 09:01:07 | 显示全部楼层
stts4 发表于 2012-7-24 23:54
了解了 不过我一般写的都不正规哦 那么对seo有坏处吗?

坏处倒不至于 如果写的稍微规范点会 一来方便后期维护 二来方便搜索引擎抓取
回复 支持 反对

使用道具 举报

发表于 2012-7-25 09:16:58 | 显示全部楼层
收藏了……
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-7-7 08:00 , Processed in 0.093512 second(s), 9 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表