• 技术文章 >web前端 >html教程

    div+css命名规则 转自www.huashifu.net_html/css_WEB-ITnose

    2016-06-24 12:31:15原创895

    版权声明:转载时请以超链接形式标明文章原始出处和作者信息及本声明
    http://097633.blogbus.com/logs/31448360.html

    收藏一份不错的DIV+CSS布局的SEO优化资料:

    Div+css命名规则-增强SEO
    页头: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

    1.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

    2.另外在编辑样式表时可用的注释可这样写:

    内容区

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

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    上一篇:div+css布局与seo的关系_html/css_WEB-ITnose 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • 如何向当前的html文档输入一段字符_html/css_WEB-ITnose• 引入外部CSS的两种方式及区别_html/css_WEB-ITnose• div+css初学者的理想起步_html/css_WEB-ITnose• 实现主页_基本架构实现• 面向对象_基于组合和动态原型
    1/1

    PHP中文网