HTML与CSS之HTML标签（四）标签嵌套规则

在之前我们学习了常用的html标签，那么这些标签的嵌套有什么规则呢？是可以随意嵌套还是需要遵循某些规定来使用呢？哈哈哈哈，看了标题也会觉得这段话是废话了，都写了标签嵌套规则那就肯定是有规定的嘛！那一起来看看标签嵌套的规则吧(^ o ^)/~

块级标签嵌套行内标签

<div>
    <a href=""></a>
    <span></span>
</div>

<p>
    <a href=""></a>
    <img src="" alt="">
</p>

一般情况下我们经常会将行内标签嵌套在块级标签里面，如上述代码所展示的一样。但是
注意：
  ①不推荐使用行内标签嵌套块级标签，不会报错但是不符合W3C规范。eg：

<span>
        <div>不推荐使用</div>
</span>

  ②块级标签可以相互嵌套，但p标签不能嵌套任何块级标签。eg：

<p>
        <div>不推荐使用</div>
</p>

经过浏览器解析后，会将p与div分开，并不会将div包含在p中

  ③h标签内可以嵌套p和div标签，但不推荐使用。
  ④li标签中可以嵌套任何标签。eg:可以嵌套列表、div、p

行内标签嵌套
  行内标签可以相互嵌套
    特例：a标签不能相互嵌套（即a标签不能嵌套a标签）

关于a标签
  当在一个div模块中，图片、文字都有点击后跳转到另一个页面功能时，可以在a标签中嵌套所有需要跳转的标签。eg：