资源描述
Css的命名规则和Html标签使用规则
1 Css命名规则
1.1 样式文件命名规则
主要的 master.css
布局，版面 layout.css
模块 module.css
主题 themes.css
基本共用 base.css
表单 forms.css
专栏 columns.css
文字 font.css
打印样式 print.css
补丁 mend.css
1.2 样式命名规则
1.2.1 框架
外 套： wrap
主导航： mainnav
子导航： subnav
页 脚： footet
整个页面： content
页 眉： header
页 脚： footer
商 标： label
标 题： title
主导航： mainbav
顶导航： topnav
边导航： sidebar
左导航： leftsidebar
右导航： rightsidebar
旗 志： logo
标 语： banner
菜单内容1： menu1 content
菜单容量： menu container
子菜单： submenu
边导航图标：sidebarIcon
注释： note
面包屑： breadcrumb(即页面所处位置导航提示）
容器： container
内容： content
搜索： search
登陆： Login
功能区： shop(如购物车，收银台)
当前的 current
1.2.2 颜色
使用颜色的名称或者16进制代码,如
.red {color:red;}
.f60 {color:#f60;}
.ff8600 {color:#ff8600;}
1.2.3 字体大小
直接使用’font+字体大小’作为名称,如
.font12px {font-size:12px;}
.font9pt {font-size:9pt;}
1.2.4 对齐
使用对齐目标的英文名称,如
.left {float:left;}
.right {float:right;}
1.2.5 命名方式
使用’类别+功能’的方式命名,如
.barnews {}
.barproduct {}
1.2.6 注意事项
1) 一律小写;
2) 尽量用英文;
3) 不加中杠和下划线;
4) 尽量不缩写，除非一看就明白的单词.
1.3 html标签使用规则
1.3.1 书写规范
1.3.1.1 页头定义
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
编码用utf-8
1.3.1.2 所有代码必须小写
<title>和<TITLE>是不同标签
1.3.1.3 标签必须要有一个相应的结束标记
<p>sfdsfds</p>
<img />
1.3.1.4 元素属性值必须包含在双引号中
<p style=”属性值”></p>
1.3.1.5 标签注释
<--信息 Begin -->
内容区
<--信息 End -->
1.3.2 标签概述
一般我们使用的HTML元素包括：div, p, ul, table, span, input, select。
基本上div, table, ul, p都属于结构性比较强的元素，而span, input则是比较弱的元素，因此不允许有span嵌套div, table等的情况出现，span可以嵌套input, 可以嵌套span。
1.3.3 Seo特殊要求标签
1.3.3.1 标题标签
1) h1、h2、h3每个页面只能出现一次
2) h4、h5、h6单个页面可以多次使用
1.3.3.2 图片标签
一定要加alt属性，alt属性指定了当图片不能显示的时候就显示供替换文本，容最好与关键词相关，如：
<img src="images/logo.gif" alt="杭州房途网" />
展开阅读全文
浙ICP备2021020529号-1 | 浙B2-20240490 
