• 你不知道的DIV+CSS的命名规则


    搜索引擎优化(seo)有很多工作要做,其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范,下面是目前比较好的CSS+DIV的命名规则

    1DIV CLASS或者ID

    页头: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

    注册:regsiter

    状态:status

    按钮:btn

    投票:vote

    合作伙伴:partner

    版权:copyRight

    2CSS 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

    3样式文件命名

    主要的:master.css

    布局版面:layout.css

    专栏:columns.css

    文字:font.css

    打印样式:print.css

    主题:themes.css

  • 相关阅读:
    【Rust】多种错误类型
    【Rust】Result别名
    【Rust】Option然后
    【Rust】可选和错误
    【Rust】Result问号
    【Rust】Option转换
    【Rust】Option展开
    【Rust】Result结果
    【Rust】Result提前返回
    jQuery过滤 安静点
  • 原文地址:https://www.cnblogs.com/lazb/p/11756641.html
Copyright © 2020-2023  润新知