郑州网站建设业务咨询热线:0371-65349913 / 15333818157
当前位置:网站首页 >> 建站知识 >>

网站建设中DIV+CSS技术的命名规范


发布人:郑州网站建设公司(郑州凯讯)    发布日期:2015-03-10

当今DIV+CSS网站建设技术应用已经很普遍了,应用DIV+CSS技术制作的网站比比皆是。但在DIV+CSS的网站建设中有一些命名规范不知道您是否注意到了。进行DIV+CSS网站建设,对一些对象的命名应该有一些规范可循。遵守这些规范,网页的可读性就好一些,也能让搜索引擎更好地理解网页元素和模块,如果不遵循命名规范,对于搜索引擎的友好性方面就差一些了。这里,我们郑州网站建设公司整理了一些DIV+CSS技术的命名规范,列于下面。

一、命名注意事项:
1、命名最好使用小写字母;
2、属性的值最好用双引号("")括起来,不要裸露这属性值。比如class="divclass",而不应使用class=divclass;
3、每个标签都要有开始和结束,且要有完整的层次;
4、表现与样式完全分离,网页代码中不涉及样式代码;
5、对于<h1>到<h6>的样式定义,应采取从前到后的顺序,这有利于搜索引擎的对内容的分析;
6、给每一个表格和表单上加上一个唯一的标记id,用于区分各个元素;
7、在命名时应使用英文命名,不要使用汉字或者其他特殊符号;
8、对于能够缩写的样式,我们可以根据是否常用来采用是否缩写,常用的样式设置,可以使用缩写,不太常用的样式,为了表达更清晰,建议不要使用缩写。

二、网页上主要板块的CSS样式命名:
wrap ------ 用于网页代码最外层样式
header ------ 用于网页头部样式定义
main ------ 用于网页主要内容部分
main-left ------ 用于网页主要内容的左侧布局
main-right ------ 用于网页主要内容的右侧布局
nav ------ 用于网页主导航条样式
content ------ 用于网页主体部分的内容部分
footer ------ 用于网页底部页脚位置

三、网页上DIV+CSS常见的命名规范列表:
#wrapper 表示页面外围控制整体布局宽度
#container或#content 用于容器或者外层盒子
#head, #header 网页头部定义使用
#foot, #footer 网页底部定义使用
#nav 主导航菜单定义使用
#subnav 二级导航菜单定义使用
#menu 用于菜单定义
#submenu 用于子菜单定义
#sidebar 用于网页的侧栏定义
#sidebar_left, #sidebar_right 用于网页左边栏或右边栏的定义
#main 页面主体定义
#tag 网页标签样式定义
#msg #message 网页提示信息定义
#tips 网页上小技巧应用的定义
#friendlink 友情连接样式定义
#summary 网页上内容摘要的定义
#hot 网页上热门热点模块的定义
#search 网页搜索模块定义
#search_output 搜索输出结果样式定义
#copyright 网页上版权信息定义
#logo 网站LOGO标志样式定义
#joinus 网页上加入我们定义
#service 服务项目定义
#list 网页上列表定义
#status 状态样式定义
#scroll 滚动条定义
.left .right .center 居左、中、右
.news 新闻模块定义
.download 下载模块定义
.banner 图片条或者广告条定义
.products 产品模块样式定义
.products_prices 产品价格
.products_description 产品描述
.news_release 新产品样式定义
.faqs 常见问题样式定义
.blog 博客模块样式定义
.forum 论坛模块样式定义

四、CSS文件命名规范:
style.css 主要的样式文件
module.css 模块样式文件
base.css 基本共用性的样式文件
layout.css 版面布局样式文件
columns.css 专栏布局样式文件
font.css 文字、字体定义样式文件

郑州网站建设优惠活动图片
网站页脚banner图片

版权所有:郑州凯讯