标签：单行 必须 query 单引号 多行 span osi width style
浏览器兼容：Google Chrome、Microsoft Edge、Firefox等.
html代码规范
1.声明：
1.html头部声明统一
<!DOCTYPE html>
2.页面编码统一
<meta charset="UTF-8">
2.格式缩进：
3.模块注释：
使用//进行单行、多行注释
4.标签与属性
1.自定义标签及属性名建议全部使用小写，便于从js中获取
<div class="page-wrapper">
<table id="myTable" class="table table-hover text-nowrap"></table>
</div>
2、所有html属性必须添加双引号（非单引号）。
// 禁止
<div class=‘page-wrapper‘>
// 推荐
<div class="page-wrapper">
3、所有标签必须采用合理嵌套。
// 禁止
<p><b></p></b>
// 推荐
<p><b></b></p>
// 禁止inline级标签嵌套block级标签
<span><div></div></span>
CSS代码规范
CSS引用规范
link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
CSS注释规范
/* 单行注释 */
CSS书写规范
1、样式书写不做强约，可分行可单行，建议使用分行，如
#box #submit {
cursor: pointer;
width: 100px;
height: 30px;
background-color: #02a0a0;
}
2、所有CSS属性和值必须采用小写的形式。如：
BACKGROUND-COLOR:#52699E 必须改为 ：background-color: #52699e;
3、关于css背景图片(关键字：合并，缩写，去引号), 引号不是必须的，而且在某些浏览器上加引号反而出错：
// 不推荐
.canbox{
background-color: #ff6600;
background-image: url("/img/xxx.png");
}
// 推荐(合并、去除引号)
.canbox {
background: #f60 url(/img/xxx.png);
}
4.属性值为0时，去掉单位，如
//不推荐
#hidden {
position: fixed;
top: 0px;
left: 0px;
background-color: #000000;
}
//推荐
#hidden {
position: fixed;
top: 0;
left: 0;
background-color: #000000;
}
5、所有CSS的命名应语义化，如：回复框，.replyBox{…}，禁止用拼音缩写命名，如.hfk{…}。
6、清除浮动时用.clearfix，禁止用无语义的
清除。7、上下相邻的两模块尽量避免混用margin-bottom，margin-top，否则会产生重叠现象。
引入格式
<script src="jquery/dist/jquery.min.js"></script>
引入位置 ：body标签内最后部（非body外面）
<html>
<body>
<div>页面内容….</div>
<script src="model.js"></script>
</body>
</html>
引入方式：html页面中禁止直接编写js代码，统一使用
标签：单行 必须 query 单引号 多行 span osi width style
原文地址：https://www.cnblogs.com/-225/p/14779081.html
