html 代码规范
HTML 规范 拓展性阅读,重点且需遵守已总结如下:
文档声明:
<!DOCTYPE html>
;lang:
<html lang="zh-CN">
;编码格式:
<meta charset="utf-8">
;所有具有开始标签和结束标签的元素都要写上起止标签,某些允许省略开始标签或和束标签的元素亦都要写上。
代码大小写:
HTML标签名、类名、标签属性和大部分属性值统一用小写。
<!-- 推荐: --> <div class="demo-item"></div> <!-- 不推荐: --> <div class="DEMOItem"></div> <DIV CLASS="DEMOItem"></DIV>
1
2
3
4
5HTML文本、javascript、meta标签某些属性等内容可大小写混合。
<!-- 优先使用 IE 最新版本和 Chrome Frame --> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> <!-- HTML文本内容 --> <h1>I AM WHAT I AM </h1> <!-- javascript 内容 --> <script type="text/javascript"> var demoName = 'demoName'; ... </script>
1
2
3
4
5
6
7
8
9
10
11
元素属性值使用双引号语法。
className 推荐命名法 ,除了下面列出的,其余的尽量参考上述链接内容。
- 单词之间使用破折号
-
或下划线_
连接。 - 严禁使用
ad、banner、gg、guanggao
等有机会和广告挂勾的字眼,因为有些浏览器插件(Chrome的广告拦截插件等)会直接过滤这些类名。 - 敏感不和谐字眼也不应该出现。
- 单词之间使用破折号