HTML代码规范

语言规范

doctype声明使用html5。
```
<!doctype html>
```
统一页面编码格式为utf-8 , meta标签charset设置为utf-8;
```
<meta charset="utf-8" />
```

标签、标签属性全部小写。

(√)

<a href="/" data-attr="attr">Home</a>

(╳)

<A HREF="/" attr="attr">Home</A>

所有html标签必须有结束符，<img />, <col />, <base />, <link />, <meta />, <input /> 除外。
标签自定义属性使用data-name="value"的形式来写, 如果自定义属性特别多, 可以考虑使用标准 json 的方式去写: data-json='{"a":"a", "b":"b"}'。

(√)
```
<div data-json='{"a":1, "b":true, "c":[1, 2]}' ></div>
```
(╳)
```
<div data-json="{a:1, b:true, c:[1, 2]}" ></div>

```
对于 JS 钩子, 以 jCamelCase 的驼峰形式来命名。
对于普通class或者id命名（此处id仅做样式，不做js钩子）, 统一使用小写字母, 第一个字符必须为字母, 连接符用中划线 -。

(√)
```
<div class="sns-box"></div>
<div class="box"></div>
```
(╳)
```
<div class="Sns-box"></div>  
<div class="snsBox"></div>  
<div class="Box"></div>
```
css 引用置于头部<head>标签内。
js 引用置于底部</body>标签前。

<base>标签必须放在<head>内。
<strong>标签用于强调重要性, <em>标签用于表示内容的着重点。参考
当link元素用于引用CSS文档时, 默认media是screen, 如为特殊终端提供样式, 请指定media属性, 如media=“print”;
img标签必须加alt，尤其是logo、商品图片等关键图片信息，对SEO友好。

主要的html模块需加注释
修改别人代码时, 加入修改信息。至少加入修改者大名和修改时间。
```

```