文档介绍：Web 前端开发规范文档
规范目的:
? 使开发流程更加规范化。
通用规范:
下
? TAB 键用两个空格代替( WINDOWS TAB 键占四个空格,
LINUX下 TAB 键占八个空格)。
;  便
? CSS样式属性或者 JAVASCRIPT代码后加 “ 方”压缩工具 “断
句 ”。
? 文件内容编码均统一为 UTF-8 。
? CSS、 JAVASCRIPT中的非注释类中文字符须转换成 unicode
编码使用 , 以避免编码错误时乱码显示。
文件规范:
? 文件名用英文单词,多个单词用驼峰命名法。
? 一些浏览器会将含有这些词的作为广告拦截,文件命名、
ID 、 CLASS等所有命名避免以上词汇。
html 书写规范:
? 为每个 HTML页面的第一行添加标准模式 ( standard mode )
的声明,确保在每个浏览器中拥有一致的展现。
<!DOCTYPE html>
? 文档类型声明 统一为 HTML5 声明类型, 编码 统一为 UTF-8 。
<meta charset="UTF-8">
? <HEAD>中添加信息。 <meta name="author"
content="******@">// 作者
? <meta name="description" content="hello">// 网页描述
? <meta name="keywords" content="a,b,c">// 关键字 , “, ”分
隔
? <meta http-equiv="expires" content="Wed, 26 Feb 1997 08 :
21 :57 GMT">// 设定网页的到期时间。一旦网页过期,必须
到服务器上重新调阅
? <meta http-equiv="Pragma" content="no-cache">// 禁止浏
览器从本地机的缓存中调阅页面内容
? <meta http-equiv="Window-target" content="_top">// 用
来防止别人在框架里调用你的页面
? <meta http-equiv="Refresh"
content="5;URL=/">// 跳转页面, 5
指时间停留 5秒网页搜索机器人向导。 用来告诉搜索机器人哪些
页面需要索引,哪些页面不需要索引
? <meta name="robots" content="none">//content 的参数有
all,none,index,noindex,follow,nofollow ,默认是 all
? <link rel="Shortcut Icon" href="">// 收藏图
标
? <meta http-equiv="Cache-Control" content="no-cache,
must-revalidate">// 网页不会被缓存
? IE 支持通过特定 <meta> 标签来确定绘制当前页面所应该
采用的 IE 版本。 除非有强烈的特殊需求, 否则最好是设
置为 edge mode ,从而通知 IE 采用其所支持的最新的
模式。 <meta http-equiv="X-patible"
content="IE=Edge">
?
? 非特殊情况下 CSS样式文件外链至 HEAD 之间, JAVASCRIPT
文件外链至页面底部。 <!DOCTYPE html>
? <html>
? <head>
? <link rel="stylesheet" href="css/">
? </head>
? <body>
? <!-- 逻辑代码 -->
? <!-- 逻辑代码底部 -->
? <script
src="lib/jquery/jquery-"></script>
? </body>
? </html>
? 引入 JAVASCRIPT库文件,文件名须包含库名称及版本号及
是否为压缩版。 jQuery-
? 引入 JAVASCRIPT插件 , 文件名格式为库名称 + . + 插件名称。
?
? HTML属性应当按照以下给出的顺序依次排列,来确保代码
的易读性。 class
? id 、 name
? data-*
? src 、 for 、 type 、 href
? title 、alt
? aria-* 、 role
? 编码均遵循 XHTML标准 , 标签、属性、属性命名由小写英文、
数字和 _组成,