中软国际卓越培训中心(ETC)是中软国际有限公司投资的大型人才服务机构,是中软国际人才战略的核心组成部分之一,承担集团发展过程中人才储备和培养的任务,是软件及外包业务快速发展的重要人才支撑平台,是集团保持高速增长动力之一。
4、html书写规范
4.1、文档类型声明及编码: 统一用<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd">; 编码统一为<meta charset=”utf-8″ />。目的:统一性和网站提高开发合作效率。
4.2、非特殊情况下样式文件必须外链至<head> </head>之间;非特殊情况下JavaScript文件必须外链至页面底部</body>之前;目的:网站的优化。
4.3、所有编码均遵循xhtml标准, 标签 & 属性 & 属性命名 必须由小写字母及下划线数字组成, 且所有标签必须闭合, 包括br (<br />), hr(<hr />)等; 属性值必须用双引号包括;目的:更加符合web标准(w3c),也有利于seo。
4.4、充分利用无兼容性问题的html自身标签, 比如span, em, strong, optgroup, label,等等目的:减少代码量
4.5、语义化html, 如 标题根据重要性用h*(同一页面只能有一个h1), 段落标记用p, 列表用ul, 内联元素中不可嵌套块级元素;目的:减少代码量,也有利于seo
4.5、尽可能减少div嵌套, 如<div class=”box”& gt;<div class=”welcome”>欢迎访问XXX, 您的用户名是<div class=”name”>用户名</div></div></div>完全可以用以下代码替代: <div class=”box”& gt;<p>欢迎访问XXX, 您的用户名是<span>用户名</span></p>< /div>;目的:减少代码量,也有利于seo
4.6、引入JS库文件, 文件名须包含库名称及版本号及是否为压缩版, 比如jquery-1.4.1.min.js; 引入插件, 文件名格式为库名称+插件名称, 比如jQuery.cookie.js;
4.7、书写链接地址时, 必须避免重定向,例如:href=”/”, 即须在URL地址后面加上“/”;
4.8、在页面中尽量避免使用style属性,即style=” ”除非考虑网站http请求,网站响应速度等因素比重情况具体分析;
4.9、严格区分作为内容的图片和作为背景的图片。作为背景的图片采用Css sprite技术,放在一张大图里。Css sprite技术的优点是减少了http请求数,但使图片面向css的backround-position增加了耦合度,也增加了维护成本。如果图片有修改,不要删除已添加的图片,在空白处新增修改后的图片,减少修改风险。
下图为腾讯的Css sprite背景图。