前端操作规范综合.docx

前端操作规范综合.docx

《前端操作规范综合.docx》由会员分享，可在线阅读，更多相关《前端操作规范综合.docx（18页珍藏版）》请在冰点文库上搜索。

前端操作规范综合

文件操作规范-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切换的样式表命名为：

typography模块页面css模块英文缩写.子模块英文名.css模块英文缩写有以下几种：

服务（sc）产品（pd）单任务（as）其他（ot）

例如:

NOTICE

如果是在开放wiki里面依旧要注意结合template的设置来一起操作.一旦允许了子页面,并且开启了所有空间都可以变成template的时候,恶意添加将会更加容易.

{主要CSS}

目录样式文件所属类型适应范围

globalglobal_v1.css公用网站统一样式

component.css公用组件样式

layout.css布局样式

日历样式

sys公用

Tab样式

备注

•文件结构为“极品飞车“项目后整理出的文件夹结构。

修改历史

修改时间修改人修改说明

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元素。

•可以将样式统一写在元素中的