此文严格按照W3C规范和部分实际项目可读性,浏览器加载,性能等众多属性权衡,做出平时前端编码规范文档。供广大web工作者参考并实施,对维护和项目扩展升级都能省时省力。转载请注明出处,JS前端实用开发QQ群 :147250970 欢迎加入~!
HTML编码规范1 前言2 代码风格2.1 缩进与换行2.2 命名2.3 标签2.4 属性3 通用3.1 DOCTYPE3.2 编码3.3 CSS 和 JavaScript 引入4 head4.1 title4.2 favicon4.3 viewport5 图片6 表单6.1 控件标题6...
首先吐槽一句,本来想上传word文档的,可是发现博客不能上传word文档,这就很尴尬了。首先声明该规范不是本人写的,网上搜前端规范发现这个很详细就先复制下来做笔记,当然不可能啥都按规范来,每个公司的规范都不一样..仅供参考 前端开发规范文档 Html规范1 代码风格1.1 缩进**【强制】**使用 4 个空格作为一个缩进层级,不允许使用 2 个空格或 tab 字符;2 属性2.1 属性引号**【强制】**对于属性的定义使用双引号,不允许使用单引号,不...
1. 变量命名(1)变量名不应以短巧为荣左边的变量名都不太清楚,代码的扩展性不好,一旦代码需要加功能的话,就容易出现obj1、obj2、obj3这种很抽象的命名方式。所以一开始就要把变量的名字起得真实有意义,不要搞一些很短很通用的名字。(2)bool变量建议布尔变量不用以is/do之类的开头var isMobile = true,isError = true,doUpdate = false;可改成:var mobile = true,error = true,updated = false;还有其它一些常用的名称如don...
常用html、CSS、javascript前端命名规范 无意发现自己文件夹里面有这么一个文件,具体从哪里来的不记得了,仔细看下,发现总结的挺好的,贴出来分享一下。 无论是从技术角度还是开发视角,对于web前端开发规范文档都有一定规范,本文就css3和html5的发展前景总结了一系列的web开发文档,仅供大家参考。规范目的:
为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确...
在HTML5 中定义了两种本地存储的,Web Storage 和本地数据库 SQL Database . 用来检查判断浏览器是否支持 Web Storage if(window.localStorage){ //浏览器支持localStorage } if(window.sessionStorage){ //浏览器支持sessionStorage } localStorage 主要作用是将数据保存在客户端中,也就是用户的计算机上。 是基于域的,在该域的任何网页都可以访问,在不同设备上存储的是不同的。 ...
一、所有的标记都必须要有一个相应的结束标记 以前在HTML中,你可以打开许多标签,例如<p>和<li>而不一定写对应的</p>和</li>来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构,所有标签必须关闭。如果是单独不成对的标签,在标签最后加一个"/"来关闭它。例如: <br /><img height="80" alt="网页设计师" src="../images/logo_w3cn_200×80.gif" width="200" /> 二、所有标签的元素和属性的名字都必须使用小写 与HTML不...
最近在回顾自己在前端积累的东西,有时候感觉自己写的东西比较随意,所以开一篇博文来提醒自己时刻注意的编码习惯。当拿到一份psd的时候,需要对psd进行一次审视。是什么样的psd,头尾?公共部分?logo重用性?元素?列表?可以通过这些预估一个工作量,避免自己拖沓导致延期。构建大中型项目的时候可能需要前端框架、样式预处理语言、开发环境等,根据项目需求来构建,如果是小型项目或者普通常规项目,一般目录如下:650) this.w...
1.文件名称命名规则统一用小写的英文字母、数字和下划线,不得包含汉字空格和特殊符号2.索引文件命名一般用index为名字 如index.html index.jsp3.各子页面的命名规则统一用翻译的英文或拼音或简化的拼音,不要英语拼音混合使用原文:https://www.cnblogs.com/JunhanLin/p/11581518.html
求php和html混编时的编写规范求php和html混编时的编写规范总觉得两个语言混在一起写时很混乱,看起来一团浆糊。求高手指点混编编写规范。------解决方案--------------------
php红色表示很好认的啊,在php代码前后空两格吧
像我这样写有问题吗(上图)?sublime里用phpfmt格式化后就变成这样子了(下图,引入头、尾部文件语句没缩进了,收尾的}不再与?>在同一行)。是我写的不够规范吗?还是这格式化插件有问题?
![图片上传中...]回复内容:像我这样写有问题吗(上图)?sublime里用phpfmt格式化后就变成这样子了(下图,引入头、尾部文件语句没缩进了,收尾的}不再与?>在同一行)。是我写的不够规范吗?还是这格式化插件有问题?
![图片上传中...]并不...
XHTML怎么打开?XHTML的规范的内容是什么?本篇文章就详细得为您介绍了HTML的打开方式和规范的内容分别是什么首先让我们来看看XHTML怎么打开:用浏览器可以看效果,用记事本可以看代码,或者专业的dreamweaverxhtml是一种语言,一般文件都是html或者htm,不包括动态生成页面XHTML的书写规范这是一个有效的XHTML文件的书写规范:一个符合XHTML标准的文件即可称为有效. 此可以确保XHTML文件代码的协调, 亦能令文件的更容易被处理, 而不...
HTML编码规范本文档的目标是使HTML代码风格保持一致,容易被理解和被维护,如果自己没有这种习惯,请好好选择你的IDE,别再用“文本编辑器”。1 代码风格1.1 缩进与换行[强制] 使用 4 个空格做为一个缩进层级,不允许使用 2 个空格 或 tab 字符。示例:<ul><li>first</li><li>second</li>
</ul>[建议] 每行不得超过 120 个字符。解释:过长的代码不容易阅读与维护。但是考虑到 HTML 的特殊性,不做硬性要求,sublime、phpstorm、we...
添加必要的注释,对一个有责任心、有道德模范的前端必须具备的好习惯,可以大大提高代码的可维护性、可读性。首先大家需要熟悉一下html、css、js的注释的写法:
html注释:
<!--注释内容-->
css注释:
//注释内容 单行注释(不推荐使用,因为有的浏览器可能不兼容,没有效果)
/*注释内容*/ 多行注释(推荐使用)
JavaScript:
//注释内容 单行注释
/*注释内容*/ 多行注释
总结:
//注释内容 (在css或javascript中插入单行注释...
CSS样式规范
1.类选择器
2.标签选择器
3.id选择器
4.CSS样式的子选择器
类选择器
1.必背的固定结构,成为CSS样式标记。所有的样式都可以写成CSS样式的标记中
<style type="text/css">
</style>
2. type=“text/css” 意思是声明这个标记是css样式类型
type:类型的意思text:文本的意思css:叠层样式表
3.类选择器语法格式 .类名 (点加类名)
写的位置:在css样式的标记中调用方法在HTML标签内部写上 class=类名
4.命名规范
建议是...
黄金定律永远遵循同一套编码规范,不管有多少人共同参与同一项目,一定要确保每一行代码都像是同一个人编写的.
一、语法:1.用两个空格来代替制表符(tab);2.嵌套元素应当缩进一次(两个空格); 3.对于属性的定义,确保全部使用双引号,绝不要使用单引号; 4.不要在自闭合元素的尾部添加斜线--HTML5规范(https://dev.w3.org/html5/spec-author-view/syntax.html#syntax-start-tag)中明确说明这是可选的; 5.不要省略可选的结束标签;6....