前端操作规范综合.docx
- 文档编号:23420862
- 上传时间:2023-05-16
- 格式:DOCX
- 页数:18
- 大小:23.02KB
前端操作规范综合.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元素。
•可以将样式统一写在
元素中的