首页 > Web开发 > 详细

Web 前端代码规范

时间:2019-07-26 16:09:00      阅读:83      评论:0      收藏:0      [点我收藏+]

原文地址:https://www.jianshu.com/p/4967aae8227e?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

前端普适性规范

黄金定律

永远遵循同一套编码规范,可以是这里列出的,也可以是你自己总结的。如果你发现本
规范中有任何错误,敬请指正。

不管有多少人共同参与同一项目,一定要确保每一行代码都像是同一个人编写的。

项目命名

项目名全部采用小写方式,以中划线分隔,禁止驼峰式命名。比如:my-project-name。

文件命名

文件命名参照上一条规则,多个单词组成时,采用中划线连接方式,比如说: error-report.html。

有复数结构时,要采用复数命名法,比如说: scripts, styles, images, data-models。

文件名中只可由小写英文字母az、排序数字09或间隔符-组成,禁止包含特殊符号,比如空格、$等。

为更好的表达语义,文件名使用英文名词命名,或英文简写。

不允许命名带有广告等英文的单词,例如ad,adv,adver,advertising,防止该模块被浏览器当成垃圾广告过滤掉。任何文件的命名均如此。

  • index.shtml 引导页&首页

  • main.shtml 首页

  • download.shtml 下载页面

  • act.html 活动列表页面

  • video.html 视频

  • cdkey.html CDKEY页面

  • base.css 基本样式

  • layout.css 框架布局

  • module.css 模块样式

  • global.css 全局样式

  • font.css 字体样式

  • index.css 首页样式

  • link.css 链接样式

  • print.css 打印样式


HTML 规范

语法

使用四个空格的缩进,这是保证代码在各种环境下显示一致的唯一方式。

嵌套的节点应该缩进(四个空格)。

在属性上,使用双引号,不要使用单引号。

不要在自动闭合标签结尾处使用斜线 - HTML5 规范 指出他们是可选的。

不要忽略可选的关闭标签(例如,</li> 和 </body>)。

HTML5 doctype

在每个 HTML 页面开头使用这个简单地 doctype 来启用标准模式,使其每个浏览器中尽可能一致的展现。

虽然doctype不区分大小写,但是按照惯例,doctype大写

<!DOCTYPE html>

 

语言属性

<html lang="en">

</html>

 

字符编码

通过明确声明字符编码,能够确保浏览器快速并容易的判断页面内容的渲染方式。这样
做的好处是,可以避免在 HTML 中使用字符实体标记(character entity),从而全部与
文档编码一致(一般采用 UTF-8 编码)。

<meta charset="UTF-8">

  

 

IE 兼容模式

IE 支持通过特定的 <meta> 标签来确定绘制当前页面所应该采用的 IE 版本。除非有强烈
的特殊需求,否则最好是设置为 edge mode,从而通知 IE 采用其所支持的最新的模
式。

 

 

Web 前端代码规范

原文:https://www.cnblogs.com/su20110702048/p/11250571.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!