那阅读起来就是苦不堪言，所以，一些基本的开发规范是必须的，是为了自己方便阅读代码，也方便他人阅读修改代码。...不推荐： 推荐： <script src="//cdn.com/foundation.min.<em>js</em>...<em>规范</em> 文档<em>规范</em> <em>HTML</em>5的文档类型声明：<!...脚本加载 说到<em>js</em>和css的位置，大家应该都知道<em>js</em>放在下面，css放在上面。...'valid' : 'invalid' ---- JSHint 在<em>js</em><em>规范</em>中，有很多<em>规范</em>都是样式上的<em>规范</em>而不是逻辑上的<em>规范</em>，比如尽量使用=== 而不是==，我们可以使用JSHint或者JSLint，Javascript
根据 HTML5 规范，在引入 CSS 和 JavaScript 文件时一般不需要指定 type 属性，因为 text/css 和 text/javascript 分别是它们的默认值。示例： [建议] 布尔类型的属性，建议不添加属性值。...示例： 提交 取消 参考资料： 百度规范： https://github.com.../fex-team/styleguide/blob/master/html.md BootStrap规范： https://codeguide.bootcss.com/#html Best Practices
1 前言 HTML作为描述网页结构的超文本标记语言，在百度一直有着广泛的应用。本文档的目标是使HTML代码风格保持一致，容易被理解和被维护。...详细的标签嵌套规则参见HTML DTD中的 Elements 定义部分。 [建议] HTML 标签的使用应该遵循标签的语义。...-- good --> [建议] 布尔类型的属性，建议不添加属性值。...解释： 当浏览器 JS 运行错误或关闭 JS 时，提交功能将无法工作。如果正确指定了 form 元素的 action 属性和表单控件的 name 属性时，提交仍可继续进行。
HTML代码规范 我们知道，前端工程师入门容易，通过学习基本的HTML和CSS就能在浏览器上看到实际的效果，可是要写好的HTML，就不是那么容易了。...这里将和大家分享HTML规范，希望大家读完之后都能够有所收获。...本文将主要以下面三个部分展开： HTML整体结构 HTML代码格式 HTML内容语义 第一部分：HTML整体结构 1.HTML基础设施 文件应以<!DOCTYPE........使用script将js文件引入，并置于body底部，这时js文件会最后加载，html会最先加载，用户体验会更好。...(注意：并不是所有的js文件都要放置于body的底部，如当我们需要使用js文件动态修改meta元素内容时，需要将js文件引入到head标签中。
什么是html html指的是超文本标记语言(Hyper Text Markup Language)，它包含一系列的标签，我们把这些标签叫做HTML标签，它是HTML语言中最基本的单位、最重要的组成部分...声明必须是 HTML 文档的第一行，位于标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。 lang 强烈建议为根元素指定属性，从而为文档设置正确的语言。...在项目开发前，制定一套行之有效的编码规范，每个项目组成员都要按这个规范来编码。 块级元素和行内元素 说到代码规范，我先来说说html的块级元素和行内元素。...有良好的注释规范，针对页面模块有简要的注释，便于维护。 6....14. css、js尽量使用文件引入的形式，不要使用内联。 15. 使用link将css文件引入，并置于head中。使用script将js文件引入，并置于body底部。
HTML规范 - 整体结构 HTML基础设施 文件应以“”首行顶格开始，推荐使用“”。...比如在这样一个列表中，li标签中的itm应去除： HTML规范 - 代码格式...规范 - 内容语义 内容类型决定使用的语义标签 在网页中某种类型的内容必定需要某种特定的HTML标签来承载，也就是我们常常提到的根据你的内容语义化HTML结构。...HTML规范 - 邮件内容 邮件环境 邮件内容所在上下文或者说所在外部容器（以下简称环境）都是由邮箱服务商决定的，这就要求邮件内容需要在任何一种情况下都要正确显示。...避免使用js，可能会被过滤。 避免使用table布局，不易于修改维护。 背景图片或内容图片上的文字信息，必须在代码中可见。
不要在自闭合（self-closing）元素的尾部添加斜线 -- HTML5 规范中明确说明这是可选的。 不要省略可选的结束标签（closing tag）（例如， 或 ）。...实例： 语言属性 根据 HTML5 规范： 强烈建议为 html 根元素指定 lang 属性，从而为文档设置正确的语言。...引入 CSS 和 JavaScript 文件 根据 HTML5 规范，在引入 CSS 和 JavaScript 文件时一般不需要指定 type 属性，因为 text/css 和 text/javascript...XHTML 规范要求为其赋值，但是 HTML5 规范不需要。...如果一定要为其赋值的话，请参考 WhatWG 规范： 如果属性存在，其值必须是空字符串或 [...] 属性的规范名称，并且不要在首尾添加空白符。 简单来说，就是不用赋值。
XHTML的出现是为了过渡到xml HTML中不区分大小写，但是我们一般都使用小写 HTML的注释不能嵌套（就和c++中的if-else一样） HTML标签必须结构完整，要么成对出现，要么自结束标签 浏览器会尽最大努力正确解析页面...，不符合语法规范的内容，浏览器会自动修正 但是有些情况会修正错误 F12会跳出开发者控制台 自结束标签： html5中 xhtml中(最后有反斜杠) HTML标签可以嵌套...回车自动补全 ctrl+/，自动生成注释标签 元素 定义： HTML中元素指的是从开始标签到结束标签的所有代码，或者开放标签和闭合标签 实体 在网页中，编写的多个空格，会被浏览器自动解析为一个空格 在html...(会将HTML等内容进行转keywords操作，content内容使用,进行分割) http-equiv...但是不会缩进 块引用(长引用) 会缩进，没有引号 行内元素，没有任何的语义，一般用于在网页中选中文字 浏览器的自动修正 浏览器在解析网页时，会对网页中不符合规范的内容进行修正
说明文案的注释方法 采用类似标签闭合的写法，与HTML统一格式；注释文案两头空格，与CSS注释统一格式。 <!...-- NAV1 NAV2 --> HTML
HTML基础设施 NEC：更好的CSS方案 <meta name="keywords"...结构顺序和视觉顺序基本保持一致 按照从上至下、从左到右的视觉顺序书写HTML结构。 有时候为了便于搜索引擎抓取，我们也会将重要内容在HTML结构顺序上提前。...用div代替table布局，可以使HTML更具灵活性，也方便利用CSS控制。 table不建议用于布局，但表现具有明显表格形式的数据，table还是首选。...使用script将js文件引入，并置于body底部。 保持良好的简洁的树形结构 <!
有人建议编码规范这种东西应该落实到ESlint这类工具上去，而不是停留在文档层面。 在我看来，规范也要看和记，难道你用 vscode/sublime 写个demo还要配上语法检查这一套东西么。...另外邮件模板里面不能写媒体查询，不能写script，不能写外联样式，这些都会被邮件客户端过滤掉，样式都得用内联style，你可以先写成外联，然后再用一些工具帮你生成内联html。...写完后要实际测一下，可以用QQ邮箱发送，它支持发送html格式文本，发完后在不同的客户端打开看一下，看有没有问题，如手机的客户端，电脑的客户端，以及浏览器。...img空src的问题 有时候可能你需要在写一个空的img标签，然后在JS里面动态地给它赋src，所以你可能会这么写： 但是这样写会有问题，如果你写了一个空的src，会导致浏览器认为... 第二种可能比较符合规范
这段时间在整理前端部分代码规范，初步想法是从HTML、CSS、Javascipt、项目文件目录四部分是整理。之前已经整理完了CSS编码规范，有兴趣可以了解下 1....-- good --> [建议] 布尔类型的属性，建议不添加属性值。...解释： 当浏览器 JS 运行错误或关闭 JS 时，提交功能将无法工作。如果正确指定了 form 元素的 action 属性和表单控件的 name 属性时，提交仍可继续进行。...模板中的 HTML [建议] 模板代码的缩进优先保证 HTML 代码的缩进规则。 示例： <!
The following document outlines a reasonable style guide for HTML development....and CSS/JS....Use clear, thoughtful, and appropriate names for HTML classes....DOCTYPE html> Document... <body
内容类型决定使用的语义标签 在网页中某种类型的内容必定需要某种特定的HTML标签来承载，也就是我们常常提到的根据你的内容语义化HTML结构。...加强“不可见”内容的可访问性 背景图上的文字应该同时写在html中，并使用css使其不可见，有利于搜索引擎抓取你的内容，也可以在css失效的情况下看到内容。...适当使用实体 以实体代替与HTML语法相同的字符，避免浏览解析错误。...常用HTML字符实体（建议使用实体）：字符名称实体名实体数"双引号""&&符&&右尖括号（大于号）>> 空格
文章目录 前言 一、html规范 1.块级元素 2.行内元素 二、CSS规范 1.命名空间规范(了解) 2.CSS书写顺序 3.CSS书写规范 4.去掉小数点前的“0” 5.连字符CSS选择器命名规范...6.字符小写 7.选择器 8.代码注释 9.不要随意使用ID 10.为选择器添加状态前缀 11.CSS命名规范（规则） ---- 前言 HTML+CSS【规范】 个人主页：@MIKE笔记 来自专栏...：Web前端 一、html规范 1.块级元素 div、h1~h6、address、blockquote、center、dir、dl、dt、dd、fieldset、form、hr、isindex、menu...输入的时候少按一个shift键； 浏览器兼容问题 （比如使用_tips的选择器命名，在IE6是无效的） 能良好区分JavaScript变量命名（JS变量命名是用“_”） 6.字符小写 定义的选择器名...9.不要随意使用ID id在JS是唯一的，不能多次使用，而使用class类选择器却可以重复使用，另外id的优先级优先与class，所以id应该按需使用，而不能滥用。
撇开缓存无效不谈，这确实很困难，每当俺找不到正确的名称时，这个臭名昭著的引用就会在俺的脑海中萦绕。
js类与构造函数参考原文献 9..../AirbnbStyleGuide'; // bad // filename es6.js export { es6 as default } from '..../AirbnbStyleGuide'; // good // filename es6.js import { es6 } from '....= b = c = 1; // good let a = 1; let b = a; let c = a; 11.6、避免使用 ++ 或 –，使用 += 或 -= 代替（eslint规范...空格（具体遵循eslint规范） 14.1、始终使用 2 个空格作为块之间的间距 14.2、在前括号【{ }, ( )】之前放置1个空格 // bad function test(){ console.log
前言 在js的代码开发中，我简单的总结出了以下规则，后面会陆续补充并且对规范进行分类。...js代码建议保存到后缀名.js的文件中 js代码不建议放在html中，原因有：不能被缓存，会增大网页文件的大小，可维护性不高，会影响页面的加载。...js吧任何表达式都当一条简单语句，会导致一些隐性的错误。如果自己没加分号，那么js解释器会自动添加分号，按照自己能读懂的断句。 9.2 复合语句 也称为语句块，被包在大括号内部。...变量作用域 js没有有块级作用域，只有函数作用域。 [] {} 的用法 使用直接量发来声明对象和数组。...比如对象 var obj={} ;var arr=[] eval eval是最容易混乱使用的js函数，他可以执行内部入参的js函数或者表达式，可以直接解析变量。不建议使用 。
要避免使用这段代码 @see 创建一个HTML链接，指向指定类的描述 @version 指定发布版本 @requires 创建一个HTML链接，指向这个类所需的指定类 @throws @exception...描述函数可能抛出的异常的类型 {@link} 创建一个HTML链接，指向指定的类。...私有类和函数不会出现在HTML文档中，除非运行JSDoc时提供了–private命令行选项 @final 指示一个值是常量值。
male', age: 25 } 只对非法标识符的属性使用引号，eslint: quote-props 原因：因为通常来说我们认为这样主观上会更容易阅读，这样会带来代码高亮上的提升，同时也更容易被主流 JS...bar.css' // good import fooSass from 'foo.scss' import barCss from 'bar.css' 迭代器 建议使用 JS 更高优先级的函数代替...时等于 false, 否则是 true if ([0] && []) { // true // 数组(即使是空数组)也是对象，对象等于true } 分号 Standard 的规范是不使用分号的...，我建议统一使用分号，代码更加清晰 关于应不应该使用分号的讨论有很多，好的 JS 程序员应该清楚场景下是一定要加分号的，相信你也是名好的开发者。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
