前端操作规范综合.docx
《前端操作规范综合.docx》由会员分享，可在线阅读，更多相关《前端操作规范综合.docx（15页珍藏版）》请在冰豆网上搜索。
前端操作规范综合
文件操作规范-CSS
•1CSS文件存放及命名规则
•2规范描述
•3规范详细
o3.1CSS文件目录结构说明：
o3.2命名规则：
•4备注
•5修改历史
CSS文件存放及命名规则
规范编号:
B201b
定制时间/版本:
2009年5月/1.0
接口人:
备注:
备注
规范描述
目的
为了规范日常工作中CSS文件的命名和服务器存放而设定这个规则。
说明
规则包含:
现服务器CSS目录结构、CSS文件命名规则、一些主要CSS文件功能说明。
规范详细
CSS文件目录结构说明：
现在CSS文件全部存放在图片服务器\assets\c\目录下，其文件结构。
Global:
公用css
Sys:
组件css
Typography:
页面css
命名规则
存放的CSS文件必须存放两份,一份未压缩过的文件以”文件名.source.css”命名,一份为压缩后的文件.压缩工具在//。
命名规范:
目录结构
目录存放原则命名规范备注
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}
目录样式文件所属类型适应范围
globalglobal_v1.css公用网站统一样式
component.css公用组件样式
layout.css布局样式
v2.0.css
sys.calendar.css日历样式
syssys.datepicker.css公用
sys.tabs.cssTab样式
sys.thickbox.source.css
备注
•文件结构为“极品飞车“项目后整理出的文件夹结构。
修改历史
修改时间修改人修改说明
2009年52月伟强创建
（X）HTML开发规范
取自AlipayWD
作者：
张贞
●1HTML开发规范
o1.1本规范概述
o1.2执行本规范时建议的流程
o1.3在HTML4.01Strict标准上的强化规则
1.3.1一般规则
1.3.2样式分离规则
1.3.3脚本分离规则
o1.4内容模型
o1.5Doctype
o1.6TITLE元素
o1.7META元素
o1.8TABLE元素
o1.9TH元素
o1.10A元素
o1.11LINK元素
o1.12IMG元素
o1.13FORM元素
o1.14INPUT元素
o1.15LABEL元素
o1.16EMBED元素
o1.17IFRAME元素
o1.18（X）HTML注释
o1.19HTML书写规范
o1.20HTML常见错误举例
HTML开发规范
本规范概述
制定本规范的目的在于使我们的（X）HTML能够适应更多的客户端，符合标准的好处就在于此，而不在于机械化的执行。
执行本规范时建议的流程
建议使用D（esign）C（oding）D（ebug）V（alidate）R（oundup），即DCDVR的流程。
首先对（X）HTML模板进行规划，然后才开始编码，编码的同时进行Debug，Validate和代码片断的总结，而不是在所有模板都完成后才进行这三个步骤。
在HTML4.01Strict标准上的强化规则
一般规则
•所有非空元素必须有闭合tag，如
这是一个段落
•元素名称和属性名称全部小写
•属性值必须使用双引号包围
•在某些脚本必要的地方才使用name属性，否则一律使用id属性
•在属性值和元素内容出现的地方，如果有字符",&,<,>，那么应当分别使用",&,<,>
样式分离规则
•样式统一在head元素中使用link元素引用，不得在head元素以外的地方添加样式，不得在元素中使用style属性，不应当在元素中使用其他样式属性，如background等，不应当使用具有样式特征的元素，如br,hr等，其中br元素代表语气停顿，通常用于诗句，但这并不表示任何需要换行的地方就应当使用br元素。
•可以将样式统一写在
元素中的