学学习网 手机版

学学习网

学习路径: 学习首页 > SEO > 代码优化 >

div+css命名规则

设置字体:
----------------------------------

SEO(搜索引擎优化)有很多工作要做,其中对代码的优化是一个很关键的步骤。目前流行的CSS+DIV的命名规则整理如下:

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、样式文件命名

    主要的 master.css
    布局,版面 layout.css
    专栏 columns.css
    文字 font.css
    打印样式 print.css
    主题 themes.css
----------------------------------
课程列表
重点难点
赞助链接