HTML
<h3>HTML代码结构和视觉顺序基本保持一致</h3>
<ul>
<li>按照从上之下，从左到右的视觉顺序书写HTML结构</li>
<li>不要使用table布局，现在基本上被淘汰了，而应该代之以div(uni-app使用view)来布局，方便控制。</li>
</ul>
<h3>结构、表现、行为三者分类，避免内联。</h3>
<ul>
<li>不要使用html内联样式，不易维护，代码容易乱</li>
<li>用script将js文件引入，并置于body底部，这时js文件会最后加载，html会最先加载，用户体验会更好。</li>
</ul>
<h3>保持良好的树形结构</h3>
<ul>
<li>每一个块级元素都另起一行，每一行都是用tab缩进对齐。</li>
<li>有始有终，正确闭合标签且必须闭合。</li>
</ul>
<h3>严格属性</h3>
<ul>
<li>属性和值全部小写，每个属性都必须有一个值，每个值必须加双引号。对于某些特殊的属性不要求，如<code><input value="Welcome!" /></code></li>
<li>可以省略style标签和script标签的type属性。</li>
</ul>
<h3>一些示例</h3>
<pre><code class="language-html"><!-- 错误示例1：标签不要用大写，统一用小写 -->
<P>这是一段文字</P>
<DIV></DIV>
<!-- 错误示例2：不要写内联样式 -->
<p style="color: red;">这是一段文字</p>
<!-- 错误示例3：类名需语义化，禁止出现这类无意义的类 -->
<div class="dom-1">
<div class="dom-1-1">...</div>
<div class="dom-1-2">...</div>
</div>
<!-- 正确示例 -->
<p class="subtitle"> 这是一段文字 </p>
<style>
.subtitle{
font-size: 12px;
color: #cccccc;
}
</style></code></pre>