html二级网页命名规范,div css命名规范 css class命名规则(符合SEO规范)

本文介绍了符合SEO规范的CSS+DIV命名规则,包括页头、登录条、标志、侧栏等元素的命名建议,旨在提升代码优化和搜索引擎可见性。同时,讨论了CSS ID和类名的选择,以及样式文件的命名策略,帮助开发者创建更利于SEO的网站结构。
摘要由CSDN通过智能技术生成

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

发布时间:2013-03-22 16:30:39   作者:佚名   text-message.png 我要评论

代码的优化是搜索引擎优化(seo)中一个很关键的步骤,为了符合SEO的规范,本文整理了一下目前流行的CSS+DIV的命名规则,感兴趣的朋友可以参考下哈,希望可以帮助到你

搜索引擎优化(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

相关文章

这篇文章主要汇总介绍了DIV+CSS命名规范,十分的全面,也很详细,推荐给想学习DIV+CSS的小伙伴们。2015-01-09

用过CSS hack的朋友应该知道,用下划线命名也是一种hack,如使用_style这样的命名,可以让IE外的大部分浏览器忽略这个样式的定义。这篇文章主要为大家介绍了css布局命名时2014-06-16

DIV+CSS的命名规则小结,让搜索引擎读懂你的样式表。2010-03-17

用div+css样式表写页面有一段时间了,起初写div+css样式表的时候,最让我头疼的不是怎么写样式,而是给div+css样式起名,怎么样起才合适呢?2009-10-29

由于项目中编写文档结构、编写CSS的人员较多,并与程序员协同工作,所以就需要统一开发规范,根据XHTMl和CSS编织的规范和大多人的习惯,整理了以下针对本项目的一个简单的2009-10-15

关于CSS中的命名规则(其实我觉得是XHTML元素的命名规则更加合理些)这个问题,已经有很多人在说了,其中也不乏一些真知灼见。不过这种东西也是仁者见仁,智者见智,只要一2008-10-17

这篇文章主要介绍了DIV+CSS的命名规矩才能有利于SEO优化的实现方法,需要的朋友可以参考下2018-11-15

最新评论

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值