文档介绍：. .
. ! .
1 前言
HTML作为描述网页结构的超文本标记语言，在百度一直有着广泛的应用。本文档的目标是使HTML代码风格保持一致，容易被理解和被维护。
2 代码风格
缩进与换行
[强制] 使用4个空格做为一个缩进层级，不允许使用2个空格或tab字符。
示例：
<ul>
<li>first</li>
<li>second</li>
</ul>
[建议] 每行不得超过120个字符。
解释：
过长的代码不容易阅读与维护。但是考虑到 HTML 的特殊性，不做硬性要求。
命名
[强制] class必须单词全字母小写，单词间以-分隔。
[强制] class必须代表相应模块或部件的容或功能，不得以样式信息进行命名。
示例：
<!-- good -->
<div class="sidebar"></div>
<!-- bad -->
<div class="left"></div>
[强制] 元素id必须保证页面唯一。
解释：
. .
. ! .
同一个页面中，不同的元素包含相同的 id，不符合 id 的属性含义。并且使用 时可能导致难以追查的问题。
[建议] id建议单词全字母小写，单词间以-分隔。同项目必须保持风格一致。
[建议] id、class命名，在避免冲突并描述清楚的前提下尽可能短。
示例：
<!-- good -->
<div id="nav"></div>
<!-- bad -->
<div id="navigation"></div>
<!-- good -->
<p class="ment"></p>
<!-- bad -->
<p class=""></p>
<!-- good -->
<span class="author"></span>
<!-- bad -->
<span class="red"></span>
[强制] 禁止为了hook 脚本，创建无样式信息的class。
解释：
不允许 class 只用于让 JavaScript 选择某些元素，class 应该具有明确的语义和样式。否则容易导致 css class 泛滥。
使用 id、属性选择作为 hook 是更好的方式。
[强制] 同一页面，应避免使用相同的name与id。
解释：
IE 浏览器会混淆元素的 id 和 name 属性， 可能获得不期望的元素。所以在对元素的 id 与 name 属性的命名需要非常小心。
一个比较好的实践是，为 id 和 name 使用不同的命名法。
示例：
<input name="foo">
<div id="foo"></div>
<script>
. .
. ! .
// IE6 将显示 INPUT
alert(('foo').tagName);
</script>
标签
[强制] 标签名必须使用小写字母。
示例：
<!-- good -->
<p>Hello StyleGuide!</p>
<!-- bad -->
<P>Hello StyleGuide!</P>
[强制] 对于无需自闭合的标