网站建设中有利于网站优化的div命名方式

文章详情

网站建设现状不用框架结构了，用的大部分都是div+css来构建，那么div这个网站的关键性元素，或许一般人认为跟网站优化没有一点关系，其实今

网站建设现状不用框架结构了，用的大部分都是div+css来构建，那么div这个网站的关键性元素，或许一般人认为跟网站优化没有一点关系，其实今天壹点胜科技小贝要跟大家说的正是其重要性，网站的div命名方式一定程度上也是体现了网站的自身情况，网站为了更好的优化，div命名方式就必须引起重视，我们将自己的div块儿进行了充分的排版，目的就是为了规范化这个应用，大家可以看下。

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


CSSID的命名

外套: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 on cur等


样式文件命名

主要的:master.css

布局版面:layout.css

专栏:columns.css

文字:font.css

打印样式:print.css

主题:themes.css