国家高新技术企业
4008-2626-33
+

新闻资讯

联科科技22年专注于全媒体数字门户系统、门户网站内容管理平台、集约化医院站群管理系统开发、
医院门户网站建设、小程序开发！

当前位置：网站首页 > 新闻资讯 > 客户疑问解答

联科网站建设：网站制作基本规范

作者：   发布于：2013-12-11   点击量：  

微信

QQ

手机扫码查看

 网站制作规范目的

为提高团队协作效率，便于后台人员添加功能及前端后期优化维护，输出高质量的文档， 特制订此文档。本规范文档一经确认，前端开发人员必须按本文档规范进行前台页面开发，本文档如有不对或者不合适的地方请及时提出。经讨论决定后方可更改。
 
 网站制作基本准则
符合web标准，语义化html，结构表现行为分离， 兼容性优良。 页面性能方面，代码要求简洁明了有序，尽可能的减小服务器负载，保证最快的解析速度。
 
 网站制作文件规范
1、html, css, js, images文件均归档至<系统开发规范>约定的目录中;
2、html文件命名: 英文命名, 后缀.htm。 同时将对应界面稿放于同目录中，若界面稿命名为中文，请重命名与html文件同名, 以方便后端添加功能时查找对应页面；
3、css文件命名: 英文命名, 后缀.css. 共用style.css，其他页面依实际模块需求命名；
4、 Js文件命名: 英文命名, 后缀.js. 共用common.js, 其他依实际模块需求命名.
 
网站建设html书写规范
1、文档类型声明及编码: 统一为html5声明类型; 编码统一为, 书写时利用IDE实现层次分明的缩进;
2、非特殊情况下样式文件必须外链至...之间;非特殊情况下JavaScript文件必须外链至页面底部;
3、引入样式文件或JavaScript文件时, 须略去默认类型声明, 写法如下:
...
<!-- Inject Script Filtered -->
4、引入JS库文件, 文件名须包含库名称及版本号及是否为压缩版, 比如jquery-1.4.1.min.js; 引入插件, 文件名格式为库名称+插件名称, 比如jQuery.cookie.js;
5、 所有编码均遵循xhtml标准, 标签 & 属性 & 属性命名 必须由小写字母及下划线数字组成, 且所有标签必须闭合, 包括 br, hr等; 属性值必须用双引号包括;
6、充分利用无兼容性问题的html自身标签, 比如span, em, strong, optgroup, label,等等; 需要为html元素添加自定义属性的时候, 首先要考虑下有没有默认的已有的合适标签去设置, 如果没有, 可以使用须以"data-"为前缀来添加自定义属性，避免使用"data:"等其他命名方式;
7、 语义化html, 如 标题根据重要性用h*(同一页面只能有一个h1), 段落标记用p, 列表用ul, 内联元素中不可嵌套块级元素;
8、在页面中尽量避免使用style属性,即style="…";
9、能以背景形式呈现的图片, 尽量写入css样式中;
10、 重要图片必须加上alt属性; 给重要的元素和截断的元素加上title;
11、给区块代码及重要功能(比如循环)加上注释, 方便后台添加功能;
12、特殊符号使用: 尽可能使用代码替代: 比如 <(<) & >(>) & 空格( ) & »(») 等等;
13、 书写页面过程中, 请考虑向后扩展性;
14、class & id 参见 css书写规范.

当前位置：网站首页 > 新闻资讯 > 客户疑问解答

上一篇：Apache Struts2高危漏洞来袭，你中枪了吗

下一篇：联科网站建设：网站设计有哪些技巧

返回top
相关新闻

扫二维码 关注我们

COPYRIGHT © 2002-2024 LIANKE.CN INC. ALL RIGHTS RESERVED.
网站备案号：浙ICP备10202573号 互联网经营许可证：浙B2-20100352 浙公网安备 33030302000008号