html字面量编码,Web 前端代码规范

Web 前端代码规范

最后更新时间：2017-06-25

原始文章链接：

此项目用于记录规范的、高可维护性的前端代码，这是通过分析 Github 众多前端代码库，总结出来的前端代码书写规范。

目录前端普适性规范

HTML 规范

CSS 规范

JS 规范

License

public domain, Just take it.

Thanks

@Ruan YiFeng:

@materliu：https://materliu.github.io/code-guide

@hzlzh:

@tguide:

前端普适性规范

黄金定律

永远遵循同一套编码规范，可以是这里列出的，也可以是你自己总结的。如果你发现本

规范中有任何错误，敬请指正。

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

项目命名

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

文件命名

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

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

文件名中只可由小写英文字母a~z、排序数字0~9或间隔符-组成，禁止包含特殊符号，比如空格、$等

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

不允许命名带有广告等英文的单词，例如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 规范指出他们是可选的。

不要忽略可选的关闭标签(例如，和

html字面量编码,Web 前端代码规范相关推荐

Web 前端代码规范
Web 前端代码规范最后更新时间:2017-06-25 原始文章链接:https://github.com/bxm0927/web-code-standards 此项目用于记录规范的.高可维护性的前 ...
HTML编码规范 - (WEB前端命名规范)
HTML编码规范 1 (一)命名规则: 2 3 头:header 4 内容:content/container 5 尾:footer 6 导航:nav 7 侧栏:sidebar 8 栏目:column ...
WEB前端代码书写规范
WEB前端代码书写规范 1. 命名规范 a.ClassName命名 ClassName的命名应该尽量精短.明确,必须以单页面字母开头命名,且全部字母为小写,单词之间统一使用下划线 "_&qu ...
前端传中文文件名_前端工程师需要掌握哪些知识，web前端开发规范总结
Web前端作为开发团队中不可或缺的一部分,需要按照相关规定进行合理编写(一部分不良习惯可能给自己和他人造成不必要的麻烦).不同公司不同团队具有不同的规范和文档.下面是根据不同企业和团队的要求进行全面详 ...
Web 前端开发规范手册
Web 前端开发规范手册一.规范目的 1.1 概述二.文件规范 2.1 文件命名规则 2.2 文件存放位置规范 2.3 CSS 书写规范基本原则: 注意细则: 命名规则: id的命名: 基本样式 ...
网站开发之前端代码规范
前端代码规范前言一.唯一定律二.前段代码规范 (一)命名规范 1.1.项目命名 1.2 .目录命名 1.3.文件存放位置 1.4.JS.CSS.HTML.PNG 等文件命名 1.4.命名严谨性 ...
Web前端开发规范文档（更新于2013-01-13）
规范目的为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不 ...
（16）WEB前端开发规范之HTML规范
一.WEB前端开发规范目的为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档: 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发: 本 ...
[Client]前端代码规范及最佳实践
前端代码规范及最佳实践 2014/10/29 | 分类: WEB前端, 工具与资源, 开发 | 0 条评论 | 标签: 代码规范, 前端开发, 最佳实践分享到: 62 本文作者: 伯乐在线 - ...

html字面量编码,Web 前端代码规范

html字面量编码,Web 前端代码规范相关推荐

最新文章

热门文章