余志国网站设计工作室是专业从事义乌网站建设、义乌外贸网站建设、义乌网站制作、义乌网站设计的专业义乌网站建设工作室,是义乌外贸网站建设专家!

网页设计中DIV+CSS常用命名规则

分类:程序开发 Tags: div css 网页设计 评论:0 浏览:3300 最近更新时间:2008/6/8 1:11:37

现在,越来越多的网站开始采用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

本文地址:https://www.yuzhiguo.com/350/
  • 相关文章
  • 推荐文章
  • 最新文章
发表评论





您的IP:3.218.67.1,来自:

留言

 


免费咨询
建站咨询热线
15967985565

扫一扫微信咨询
QQ: 358758308 Skype: yuzhiguo Facebook: yuzhiguo Email