-
. z.
WEB前端开发规文档
目录
WEB前端开发规文档1
规目的2
根本准则3
文件规3
html书写规3
html其他规3
css书写规3
JavaScr下样式文件必须外链至<head>:::</head>之间;非特殊情况下JavaScript文件必须外链至页面底部;
3: 引入样式文件或JavaScript文件时, 须略去默认类型声明, 写法如下:
E*ample Source Code [:52css:]
<link rel="stylesheet" href=":::" />
<style>:::</style>
<script src=":::"></script>
4: 引入JS库文件, 文件名须包含库名称及版本号及是否为压缩版, 比方jquery-1:4:1:min:js; 引入插件, 文件名格式为库名称+插件名称, 比方jQuery:cookie:js;
5: 所有编码均遵循*html标准, 标签 & 属性 & 属性命名必须由小写字母及下划线数字组成, 且所有标签必须闭合, 包括 br (<br />), hr(<hr />)等; 属性值必须用双引号包括;
6: 充分利用无兼容性问题的html自身标签, 比方span, em, strong, optgroup, label,等等; 需要为html元素添加自定义属性的时候, 首先要考虑下有没有默认的已有的适宜标签去设置, 如果没有, 可以使用须以"data-"为前缀来添加自定义属性，防止使用"data:"等其他命名方式;
7: 语义化html, 如标题根据重要性用h*(同一页面只能有一个h1), 段落标记用p, 列表用ul, 联元素中不可嵌套块级元素;
8: 尽可能减少div嵌套, 如<div class="bo*"><div class="wele">欢送访问***, 您的用户名是<div class="name">用户名</div></div></div>完全可以用以下代码替代: <div class="bo*"><p>欢送访问***, 您的用户名是<span>用户名</span></p></div>;
9: 书写地址时, 必须防止重定向，例如：href="itaolun:/", 即须在URL地址后面加上“/〞；
10: 在页面中尽量防止使用style属性,即style="…";
11: 必须为含有描述性表单元素(input, te*tarea)添加label, 如
E*ample Source Code [:52css:]
<p>**: <input type="te*t" id="name" name="name" /></p>
须写成:
<p><label for="name">**: </label><input type="te*t" id="name" /></p>
12: 能以背景形式呈现的图片, 尽量写入css样式中;
13: 重要图片必须加上alt属性; 给重要的元素和截断的元素加上title;
14: 给区块代码及重要功能(比方循环)加上注释, 方便后台添加功能;
15: 特殊符号使用: 尽可能使用代码替代: 比方 <(<) & >(
web前端开发规范文档 来自淘豆网m.daumloan.com转载请标明出处.
