2.
非特殊情况下样式文件必须外链至
<head>...</head>之间;非特殊情况下
JavaScript 文件必须外链至页面底部;
3.
引入样式文件或
JavaScript 文件时, 须略去默认类型声明, 写法如下:
<link rel="stylesheet" href="..." />
<style>...</style>
<script src="..."></script>;
4.
引入
JS 库文件, 文件名须包含库名称及版本号及是否为压缩版, 比如 jquery-
1.4.1.min.js; 引 入 插 件 , 文 件 名 格 式 为 库 名 称 + 插 件 名 称 , 比 如
jQuery.cookie.js;
5.
所有编码均遵循
xhtml 标准, 标签 & 属性 & 属性命名 必须由小写字母及下划
线数字组成
, 且所有标签必须闭合, 包括 br (<br />), hr(<hr />)等; 属性值
必须用双引号包括
;
6.
充 分 利 用 无 兼 容 性 问 题 的
html 自 身 标 签 , 比 如 span, em, strong,
optgroup, label,等等; 需要为 html 元素添加自定义属性的时候, 首先要考虑
下有没有默认的已有的合适标签去设置
, 如果没有, 可以使用须以"data-"为前
缀来添加自定义属性,避免使用
"data:"等其他命名方式;
7.
语义化
html, 如 标题根据重要性用 h*(同一页面只能有一个 h1), 段落标记用
p, 列表用 ul, 内联元素中不可嵌套块级元素;
8.
尽可能减少
div 嵌套, 如<div class="box"><div class="welcome">欢
迎 访 问
XXX, 您 的 用 户 名 是 <div class="name"> 用 户 名
</div></div></div>完全可以用以下代码替代: <div class="box"><p>
欢迎访问
XXX, 您的用户名是<span>用户名</span></p></div>;
9.
在页面中尽量避免使用
style 属性,即 style="…";
10.
必须 为含 有 描 述性 表 单 元素
(input, textarea)添加 label, 如<p>姓名:
<input type="text" id="name" name="name" /></p> 须 写
成
:<p><label for="name"> 姓 名 : </label><input type="text"
id="name" /></p>
11.
能以背景形式呈现的图片
, 尽量写入 css 样式中;
12.
重要图片必须加上
alt 属性; 给重要的元素和截断的元素加上 title;
13.
给区块代码及重要功能
(比如循环)加上注释, 方便后台添加功能;
14.
特殊符号使用
: 尽可能使用代码替代: 比如 <(<) & >(>) & 空格( ) & »
(») 等等;
15.
书写页面过程中
, 请考虑向后扩展性;
16.
class & id 参见 css 书写规范.
1.4 css 书写规范
1.
编码统一为
utf-8;
2.
协作开发及分工
: i 会根据各个模块, 同时根据页面相似程序, 事先写好大体框
架文件
, 分配给前端人员实现内部结构&表现&行为; 共用 css 文件 base.css
由
i 书写, 协作开发过程中, 每个页面请务必都要引入, 此文件包含 reset 及头
部底部样式
, 此文件不可随意修改;
-第 3 页 -