参考资料:
(1)嵌套关系:http://jkorpela.fi/html/nesting.html
(2)a标签为什么在html5中可以嵌套block标签并且合法化:https://www.w3.org/TR/html5/textlevel-semantics.html#elementdef-a
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>HTML的嵌套关系</title>
</head>
<body>
<header>
<h1>嵌套关系</h1>
</header>
<article>
<h2>基本原则</h2>
<ul>
<li>
(1)块级元素可以包括行内元素
</li>
<li>
(2)块级元素不一定能包含块级元素
<p>
p标签里面不能包含任何块级元素,p标签是段落标签
</p>
</li>
<li>
(3)行内元素一般不能包含块级元素
<a href="">
<p>
(1)在html4和xhtml中不合法,但是所有主流浏览器都兼容
(2)在html5中a元素可以包含块级元素,并且在html5中合法化
(3)在flow中a标签可以看作是透明的
</p>
<!--下面的嵌套是非法写法-->
<!--<p><a><div>213123</div></a></p>-->
</a>
</li>
<li>
嵌套分类来自于内容的分类和content-model
</li>
</ul>
</article>
</body>
</html>