HTMer

研究互联网络和电脑应用技术的IT技术网。 (勤奋+智慧→理想)

« Firefox浏览器中div层重叠的解决方法用Print Screen键截取视频图像方法 »

网页设计中DIV+CSS命名规则(有利于增强SEO)

    现在,越来越多的网站开始采用DIV+CSS的技术,因为这是Web 2.0标准的要求,而且有利于搜索引擎的收录,即SEO。我们在做DIV+CSS中不免会遇到许多样式的命名,取好样式的名称也是有利于SEO的,下面给出DIV+CSS命名规则,从而有利于增强SEO。

    1、class 的命名
    页头:header
    登录条:loginBar
    标志:logo
    侧栏:sideBar
    广告:banner
    导航:nav
    子导航:subNav
    菜单:menu
    子菜单:subMenu
    搜索:search
    滚动:scroll
    页面主体:main
    内容:content
    标签页:tab
    文章列表:list
    提示信息:msg
    小技巧:tips
    栏目标题:title
    加入:joinus
    指南:guild
    服务:service
    热点:hot
    新闻:news
    下载:download
    注册:regsiter
    状态:status
    按钮:btn
    投票:vote
    合作伙伴:partner
    友情链接:friendLink
    页脚:footer
    版权:copyRight

    2、id的命名
    外 套:wrap
    主导航:mainNav
    子导航:subnav
    页 脚:footer
    整个页面:content
    页 眉:header
    页 脚:footer
    商 标:label
    标 题:title
    主导航:mainNav(globalNav)
    顶导航:topnav
    边导航:sidebar
    左导航:leftsideBar
    右导航:rightsideBar
    旗 志:logo
    标 语:banner
    菜单内容:menu1Content
    菜单容量:menuContainer
    子菜单:submenu
    边导航图标:sidebarIcon
    注释:note
    面包屑:breadCrumb(即页面所处位置导航提示)
    容器:container
    内容:content
    搜索:search
    登陆:login
    功能区:shop(如购物车,收银台)
    当前的:current

    3、另外在编辑样式表时可用的注释可这样写
    <– Footer –>
    内容区
    <– End Footer –>

    4、样式文件命名
    主要的 master.css
    布局,版面 layout.css
    专栏 columns.css
    文字 font.css
    打印样式 print.css
    主题 themes.css



欢迎转载,转载请注明:转载自HTMer [ http://www.htmer.com/ ]

本文链接地址:http://www.htmer.com/article/226.htm

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

HTMer , Powered By Z-Blog, 苏ICP备08003082号

本站采用创作共用版权协议, 要求署名、非商业用途和保持一致. 转载本站内容必须也遵循“署名-非商业用途-保持一致”的创作共用协议.
HTM|HTML|ASP|PHP|JSP|Mysql|SQL|Dreamweaver|Flash|Fireworks|Photoshop|SEO Copyright www.HTMer.com. Some Rights Reserved. English Version