SEO中的DIV CSS样式的命名规则

本文介绍了在搜索引擎优化中,CSS命名规范的重要性。包括常见的CSS选择器命名、ID命名规范及CSS文件名命名规则等,有助于提高网站的可维护性和搜索引擎友好度。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在搜索引擎优化中, 对于代码的优化是一个非常重要的部分。 如果一个网页的代码非常的简捷,对于提升网站的排名那个是非常有好处的。 同样, 在CSS样式表中,合理有序的命名同样可以为整个CSS工作带来意想不到的简便。 为了更加符合搜索引擎的规范, 下面是一些常用的CSS代码命名标准。 这些标准虽然不是一个必须遵守的规范,但是,却被大多数SEOer所接受,并为整个网站的更新工作带来方便。

页头:header (CSS中通常写为: #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
投票:vote
合作伙伴:partner
友情链接:friendLink
页脚:footer
版权:copyRight

CSS中 ID 的命名规范
外 套:  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

为了更加有效的使用CSS样式表, 大型的网站通常有许多个不同的样式表,按照不同的分类来调用不同的CSS样式表。 这些样式表的命名也需要严格的规范。 严格的CSS文件名命名规则,同样可以为工作带来更多的便利。下面是一些常用的CSS文件名命名规则。

主要的 master.css
布局,版面 layout.css

专栏 columns.css
文字 font.css
打印样式 print.css
主题 themes.css

当然, 在实际的使用中, 网页制作人员经常会根据自己的喜好和习惯来命名CSS样式名称, 和CSS文件的名称。 这样无形中会增加团队中沟通所需要的时间。 尤其是合作人员对于CSS样式不是很精通的时候,所花费的时间势必更多。 所以,如何制定一套扩展性较好的,严格的CSS命名规范在整个互联网行业内都是有必要继续研究的。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值