前端操作规范(综合)
CGFinal Digital Innovation | https://www.360docs.net/doc/ae12410941.html,
文件操作规范-CSS
目录
? 1 CSS文件存放及命名规则
? 2 规范描述
? 3 规范详细
o 3.1 CSS文件目录结构说明:
o 3.2 命名规则:
? 4 备注
? 5 修改历史
CSS文件存放及命名规则
规范描述
目的
为了规范日常工作中CSS文件的命名和服务器存放而设定这个规则。
说明
规则包含:现服务器CSS目录结构、CSS文件命名规则、一些主要CSS文件功能说明。规范详细
CSS文件目录结构说明:
现在CSS文件全部存放在图片服务器\assets\c\ 目录下,其文件结构。
Global : 公用css
Sys: 组件css
CGFinal Digital Innovation | https://www.360docs.net/doc/ae12410941.html,
Typography: 页面css
命名规则
存放的CSS文件必须存放两份,一份未压缩过的文件以”文件名. source.css”命名,一份为压缩后的文件.压缩工具在//https://www.360docs.net/doc/ae12410941.html,/ 。命名规范:
目录结构
目录存放原则命名规范备注
global 全站通用的css 见备注
sys 经常会被重用的组件css,一般配合js库中的组件js使用sys.组件英文名.css 例如:tab切换的样式表命名为:sys.tab.css
typography 模块页面css 模块英文缩写.子模块英文名.css模块英文缩写有以下几种:
服务(sc) 产品(pd) 单任务(as) 其他(ot)
例如: pd.coupon.css
NOTICE
如果是在开放wiki里面依旧要注意结合template的设置来一起操作.一旦允许了子页面,并且开启了所有空间都可以变成template的时候,恶意添加将会更加容易.
{主要CSS }
目录样式文件所属类型适应范围
global global_v1.css 公用网站统一样式
component.css 公用组件样式
layout.css 布局样式
v2.0.css
sys.calendar.css 日历样式
sys sys.datepicker.css 公用
sys.tabs.css Tab样式
sys.thickbox.source.css
备注
?文件结构为“极品飞车“项目后整理出的文件夹结构。
修改历史
修改时间修改人修改说明
2009年52月伟强创建
CGFinal Digital Innovation | https://www.360docs.net/doc/ae12410941.html,
3
CGFinal Digital Innovation-目录
(X)HTML开发规范
取自Alipay WD
作者:张贞
目录
1 HTML开发规范
o 1.1 本规范概述
o 1.2 执行本规范时建议的流程
o 1.3 在HTML 4.01 Strict标准上的强化规则
1.3.1 一般规则
1.3.2 样式分离规则
1.3.3 脚本分离规则
o 1.4 内容模型
o 1.5 Doctype
o 1.6 TITLE元素
o 1.7 META元素
o 1.8 TABLE元素
o 1.9 TH元素
o 1.10 A元素
o 1.11 LINK元素
o 1.12 IMG元素
o 1.13 FORM元素
o 1.14 INPUT元素
o 1.15 LABEL元素
o 1.16 EMBED元素
o 1.17 IFRAME元素
o 1.18 (X)HTML注释
o 1.19 HTML书写规范
o 1.20 HTML常见错误举例
CGFinal Digital Innovation | https://www.360docs.net/doc/ae12410941.html,
4
CGFinal Digital Innovation-HTML开发规范HTML开发规范
本规范概述
制定本规范的目的在于使我们的(X)HTML能够适应更多的客户端,符合标准的好处就在于此,而不在于机械化的执行。
执行本规范时建议的流程
建议使用D(esign)C(oding)D(ebug)V(alidate)R(oundup),即DCDVR的流程。首先对(X)HTML模板进行规划,然后才开始编码,编码的同时进行Debug,Validate和代码片断的总结,而不是在所有模板都完成后才进行这三个步骤。
在HTML 4.01 Strict标准上的强化规则
一般规则
?所有非空元素必须有闭合tag,如
这是一个段落
?元素名称和属性名称全部小写
?属性值必须使用双引号包围
?在某些脚本必要的地方才使用name 属性,否则一律使用id属性
?在属性值和元素内容出现的地方,如果有字符", &, <, > ,那么应当分别使用", &, <, >
样式分离规则
?样式统一在head 元素中使用link 元素引用,不得在head 元素以外的地方添加样式,不得在元素中使用style 属性,不应当在元素中使用其他样式属性,如background 等,不应当使用具有样式特征的元素,如br, hr 等,其中br元素代表语气停顿,通常用于诗句,但这并不表示任何需要换行的地方就应当使用br元素。
?可以将样式统一写在
元素中的