语义化
何为语义化？就是说在HTML标记语言中，每一个标记都有特定的语义。选择合理的标记，不仅让开发者容易阅读代码，也更方便让浏览器爬虫抓取我们想让浏览器抓取的内容。也可以说能够更好的SEO吧。
href和src有何区别？
href 表示超文本引用（hypertext reference），指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接。
src表示来源地址(source)，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置。
所以二者之间的区别一下子就可以看出来了，href是链接，src是插入。
img iframe script 标签用的是src
a 和 link 用的是 href
引用链接
常用的HTML 标签
style script h1~h6 ul ol li a p img pre form iframe table th tr td br
HTML 标签嵌套规则
既然说起嵌套规则 ，那我们就得知道谁和谁进行嵌套。在此之前我们还得先了解啥是标准流。
流:在现实生活中就是流水,在网页设计中就是指元素(标签)的排列方式。
标准流:元素在网页中就像流水,排在前面的元素(标签)内容前面出现,排在后面的元素(标签)内容后面出现，也可以理解为HTML没有加CSS之前浏览器渲染出来的样子。在标准流中，网页元素又可以分为块元素和行内元素。
其实我们说的嵌套规则就是指的是元素间嵌套，而元素又分为块元素和行元素。他们之间如何嵌套，就有了我们的嵌套规则。还是老规矩，解释一下什么是块元素和行元素。
常见的块级元素
DIV P UL OL LI FORM TABLE H1~H6
常见的行内元素
SPAN A LABEL INPUT IMG STRONG EM
他们两个的区别：
- 块级元素一般用来搭建网站架构、布局、承载内容。
- 块级元素的高度和宽度，以及边距和填充都可以起作用。
- 行内元素的高度和宽度不可以设置，填充和边距上下设置无效，左右有效。（说它无效是指并不是说它的展示效果，而是指它所占的空间。）
- 内联元素一般用来在网站内容中的某些细节或者部位，用以“强调、区分样式、上标、下标、锚点”等等。
- 它们可以互相转换。display:inline|block。
- 块级元素的特点：每一个块级元素都识从一个新行开始显示，其后的元素需要另起一行**。
- 任何不是块级元素的可见元素都是内联元素。
好了 简单地说了一下块级元素和内联元素，下面我们开始我们的重点-### 嵌套规则：
1.块级元素可以包含内联元素或某些块级元素，但内联元素不能包含块级元素，它只能包含其它内联元素。
2.块级元素不能放在p里面。
3.有几个特殊的块级元素只能包含内联元素，不能包含块级元素。如h1,h2,h3,h4,h5,h6,p,dt
4.li内可以包含div
5.块级元素与块级元素并列、内联元素与内联元素并列。（错误的：<div><h2></h2><span></span></div>）。
有些内容参考以下网址标签嵌套规则
