网站建设中合理命名DIV+CSS使网站更利于SEO:SEO角度的网站建设要考虑的问题非常多,其中选择更利于SEO的DIV+CSS代码就是其一,众所周知,搜索引擎喜欢简洁的代码,利用DIV+CSS进行网站建设,能让网页大大地简洁,对于一个大型网站建设项目来说,简洁的DIV+CSS代码还可以节省大量带宽,所以利用先进的DIV+CSS的代码进行网站建设是网站优化过程中一个非常关键的步骤。而在书写div代码的时候如何命名DIV的CSS样式是许多新人困惑的问题,为了让网站更利于SEO,随州SEO特将CSS+DIV的命名规则整理出来,分享给广大SEOer。 先来看看一个标准的使用DIV+CSS的网站布局例子: body {} /*这是一个HTML元素,具体我就不说明了*/ #Container {} /*页面层容器*/ #Header {} /*页面头部*/ #PageBody {} /*页面主体*/ #Sidebar {} /*侧边栏*/ #MainBody {} /*主体内容*/ #Footer {} /*页面底部*/ 网页头部:header 登录部分:loginBar 侧栏:sideBar 网站导航部分: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 页 脚: 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、样式文件命名 主要的 master.css 布局,版面 layout.css 专栏 columns.css 文字 font.css 打印样式 print.css 主题 themes.css |
|