HTML5编码规范
1、HTML声明：<!DOVTYPE html></html> 定义基本html5格式网页。
Content-Type：用户标记文件类型和网页编码。
代码缩进，使用Tab键。
标签通常是成对出现的，一开一关。
<head></head> 头部标签，一个基本html格式的必须元素。
<meta/> 标签定义页面的基本元素。在html中没有结束标签。
<title></title> 标题，网页不可缺的一部分。
<link></link> 引入的样式文件
<script></script> 引入的脚本文件
标签与它的属性都必须小写。
所有的标签必须合理嵌套。
HTML对于嵌套要求较严格，标签存在一定的语义性，需要根据标签自身的属性来进行合理嵌套。
例如：标签（paragraph）是用来定义段落的，就不用它来布局；像<div><span><em>一念成mo</span></em></div>是不对称的，这样是错误的（如图）。
2、块级元素：div , p , form, ul, li , ol, dl, form, address, fieldset, hr, menu, table
行内元素：span, strong, em, br, img , input, label, select, textarea, cite
1 ) 块级元素会独占一行，其宽度自动填满其父元素宽度, 行内元素不会独占一行，相邻的行内元素会排列在同一行里，知道一行排不下，才会换行，其宽度随元素的内容而变化
2） 块级元素可以设置 width, height属性，行内元素设置width, height无效【注意：块级元素即使设置了宽度，仍然是独占一行的】
3) 块级元素可以设置margin 和 padding. 行内元素的水平方向的padding-left,padding-right,margin-left,margin-right 都产生边距效果，但是竖直方向的padding-top,padding-bottom,margin-top,margin-bottom都不会产生边距效果
3、HTML5嵌套规则：
1）body可以直接包含块状元素、ins、del、script。不可以直接包含行内元素。（相关知识：HTML行内元素和块状元素有哪些?以及区别）
2）ins和del（行内元素）可以包含块状元素或者行内元素，其他任何行内元素都不允许包含块状元素
3）p、h1-h6可以直接包含行内元素和文本信息，但是不允许包含块状元素
4）dl元素只允许包含dt和dd，同时dt不能包含块状元素，只允许包含行内元素，对于dd可以包含任何元素
5）form元素不能够直接包含input元素。原因在于input元素属于行内元素，form元素仅仅能够包含块状元素
6）table元素只能够包含caption、colgroup、col、thead、tbody、tfoot，不能够直接包含tr或者其他任何元素
