2010-10-11_开发html页面规范.docVIP

ISVIA前端开发页面 规范建议 Web/Html 编码：统一使用utf-8编码. 前端Web文件夹结构 全局采用框架设计，Web页面采用shtml+css 架构，html代码方面符合 W3C标准设计。 网站所使用图片统一放置于站点根目录下的{images}中。其他类型图片不在此限制内，例如用户上传个人图片或者产品照片等。{images}文件夹内再对各类图片进行分类。 网站样式表统一放置于站点根目录下{css}文件夹中。需要额外增加的定制样式表文件以 style_*.css来命名。例如：style_user.css。 CSS设计规范 CSS文件命名规范： 通用主样式：.css； 字体样式：font.css； 额外样式表style_*.css Css样式表一律以utf-8编码 Css样式表一律要进行初始化。 网站中文字体一律采用宋体字，正文标准字体为12px。颜色为黑色。 网站西文字体一律采用Verdana, Arial, Helvetica, sans-serif,正文标准字体12px.颜色为黑色。 统一初始化内容如下 /**初始化开始**/ * { font-family: Verdana, Arial, Helvetica, sans-serif,宋体; border:0px; padding:0px; margin:0px;} input {padding:0px; margin:0px} img {border: 0px} ul { ist-style-type: none} li {list-style-type: none; list-style-image: none; list-style: none} a { text-decoration: none} a: hover { text-decoration: underline} .clear {height: 1px; margin-top:-1px; clear: both; overflow: hidden ;} .space {height: 10px ;} /**初始化结束**/ 内容设计规范： 字体规范{color: #000; font-size:14px; font-weight: bolder; } 红色16号标准字体命名以及样式为 .f_Red_16 {color: #f00; font-size:16px } 不存在的属性则隐藏不填，b代表是否粗体（bolder） 标准16色字体分别为: Aqua Black Fuchsia Gray Gree Lime Maroon Navy Olive Purple Red Silver Teal White Yellow Blue 其余颜色字体可根据需求进行设计。 类进颜色命名规范。例如。灰色系字体按保护色在深度上一般有 #333 #666 #999 的区别。此类文字颜色命名规范则为 .f_gray_333_14_b { color: #333; font-size:14px; font-weight: bolder;} 其他规范 常用表单元素样式以[ 功能前缀+设计需求 ]进行命名。 .btn为按钮样式。 主文档表单按钮样式命名则为: .btn_maincontent {} .textarea 为文本区域样式 .ipt 为文本字段样式 一般情况下不对其他表单元素进行指定样式。 选择器规范 为了避免程序设计上的冲突考虑，页面布局中尽量减少 ID选择符，多采用类型、类选择符。 网页 table元素设计规范 第一类 table 代码规范如下 table tr td class=”tab_th”数据列表/td td 数据列表/td td 数据列表/td td 数据列表/td /tr tr td class=” tab_col”数据内容/td td class=”tab_td”数据内容/td tdnbsp;/td tdnbsp;/td /tr tr td class=specnbsp;/td tdnbsp;/td tdnbsp;/td tdnbsp;/td /tr /table 说明如下： 页眉类表格样式 tab_th z，含义：table thead.