写一门代码，学一门风格，不仅仅为了装B，更为了形成良好的代码习惯。好的代码习惯是最重要的。
在文档的第一行请声明文档类型：
<!DOCTYPE html>
HTML5中大写是可以，混着写都没问题，但是请记住，社会主义核心价值观要求你务必全小写，请全部小写，再三叮嘱，元素的名称请使用小写。
发配宁古塔吧：
<SECTION> <p>这是一个段落</p> </SECTION>
推出去斩了：
<section> <p>这是一个段落</p> </SECTION>
很好，朕心甚慰，赏双屏顶戴花翎：
<section> <p>这是一个段落</p> </section>
在H5中，并不是一定要使用闭合标签；但是推荐大家请尽量使用闭合标签。（除了img、input这些空元素另当别论。）
总之，请尽量使用闭合标签；有<p>就应有</p>。
来人啊，拖出去乱杖毙死：
<section> <p>这是一个段落 <p>这是一个段落 </section>
很好，朕封卿家为龙图阁大学士：
<section> <p>这是一个段落</p> <p>这是一个段落</p> </section>
HTML5可以接受大写的属性名，
但是推荐使用小写。
朕不推荐这种写法，谁敢这样写，朕就赐鸩酒给谁：
<div CLASS="menu">
朕推荐这种写法：
<div class="menu">
不推荐，杖毙：
<div class=menu>
推荐，留下来做驸马：
<div class="menu">
元素中的等号的左边和右边请不要添加空格，看起来别扭。
不推荐：
<div class = "menu">
推荐：
<div class="menu">
为了方便源码阅读，每行代码别写太长了，一般来说每行别长于80个字母。
HTML源码中的断行基本上都是不会有实际显示的，pre元素中的断行另当别论。不要吝啬使用断行，断行可以让源码更加清爽美观，但也不要用得太多，因为没必要浪费嘛，浪费对体现逻辑性不利。
太浪费、且不利于逻辑性的体现：
<body> <h1>学科分类</h1> <h2>软件科学</h2> <p> 软件科学是一种需要打通任督二脉，把真气汇集于十指间，化成代码的一门道家功夫，在我国有近5000年的发展历史，上可追忆到黄帝与蚩尤大战时期，黄帝本身与蚩尤的功法不相上下，后黄帝闭关七七四十九天悟出软件科学这门功法，化天地之气于丹田，行中枢，至百汇，散发十指之间，遂于天地之间出现一条大蛇，黄帝口念，人生苦短…… </p> </body>
推荐：
<body> <h1>学科分类</h1> <h2>软件科学</h2> <p>软件科学是一种需要打通任督二脉，把真气汇集于十指间，化成代码的一门道家功夫，在我国有近5000年的发展历史，上可追忆到黄帝与蚩尤大战时期，黄帝本身与蚩尤的功法不相上下，后黄帝闭关七七四十九天悟出软件科学这门功法，化天地之气于丹田，行中枢，至百汇，散发十指之间，遂于天地之间出现一条大蛇，黄帝口念，人生苦短……</p> </body>
有些元素内，非常适合用缩进来显示逻辑，如table元素、ol元素、ul元素等。
table元素示例：
<table> <tr> <th>姓名</th> <th>门派</th> </tr> <tr> <td>任我行</td> <td>日月神教</td> </tr> <tr> <td>洪秀全</td> <td>太平天国</td> </tr> </table>
列表元素示例：
<ol> <li>日月神教</li> <li>太平天国</li> <li>天地会</li> <li>红花会</li> <li>ASLA美国景观师协会</li> </ol>
其他的各种风格，后面自然而然就会了，在此就不展开叙述了，这事都是熟能生巧。
