文档介绍:前端编码规范HTML的命名和格式任何代码的混乱都是从命名和格式的混乱开始的,所以一定要有统一和规范的命名和格式,以下是一些基本的规范。HTML代码所有的标签名和属性应该都为小写,虽然HTML代码是大小写不敏感的,但是W3c的规范建议为小写;属性值应该用双引号包括。给所有的关键元素定义元素的id和class,便于和CSS,JavaScript的交互;id名称中的关键词用下划线(_)连接,class的关键词用中划线(-)连接,根据实际的意义和Dom树的层级关系定义合适的名称。HTML代码的层级缩进为4个空格;值为空的元素定义应该单独占用一行;包含子元素的元素的起始标签和闭合标签分别单独占用一行。所有元素必须正确嵌套;双标签必须闭合,单标签(自关闭标签)不闭合。。解释代码解决问题、解决思路、是否为新鲜方案等。。github建议不使用模块结束注释。<!-- 新闻列表模块 -->  <div class="news">  ...  <!-- /新闻列表模块 -->  <!-- 有不少规范建议不使用结束模块的注释,因为这样太丑了,又加重文件负荷。 --> ,文档类型声明之前,不允许出现任何非空字符。不允许添加<meta>强制改变文档模式。。显示页面语言,有助于语言合成工具来确定怎样发音,以及翻译工具决定使用的规则,等等。。让浏览器轻松、快速的确定适合网页内容的渲染方式。。Explorer支持使用兼容性<meta>标签来指定使用什么版本的IE来渲染页面。如果不是特殊需要,通常通过edgemode来通知IE使用最新的兼容模式。<meta http-equiv="X-patible" content="IE=Edge">  ,但是不要添加额外的样式表。<!--bad-->  <!--[if IE8]>      <link rel="stylesheet" href="/Assets/styles/" >  <![endif]-->  <!--[if IE7]>      <link rel="stylesheet" href="/Assets/styles/" >  <![endif]-->    <!--good-->  <!--[if IE8]><html class="ie8" lang=""><![endif]-->  <!--[if IE7]><html class="ie7" lang=""><![endif]-->  。。<p>,避免使用<br>。<ul>、<ol>、<dl>,不要使用一系列的<div>或<p>5.<input>使用for属性绑定<label>。<label>标签包裹radio或checkbox和他们的文字,不用再使用for属性。、复选替代下拉菜单。(radioorcheckboxinsteadofselectmenu)