a标签不能嵌套

不是分享a标签简单的使用方法的！

接到个任务，改造下别人的页面，反正这样的页面是一次性的，想省事，就在a标签里面直接又放了个a标签

 <a href="XXXXx">测试a标签嵌套<a href="XXXXX">测试a标签嵌套</a></a>

chrome 打开浏览，咦？咋换行了(此处样式省略)？？？

打开控制台，查看源码：

a 标签嵌套

chrome浏览器自动解析成2个无嵌套关系的a标签了！！！

不过也对，如果a标签可以嵌套，那子标签访问的链接到底应该是他本身的还是父标签的链接呢？

p标签也不能嵌套！

代码如下：

<p>
      测试p标签嵌套
       <p>测试p标签嵌套哼哼哈兮</p>
</p>

经过上面一系列的提示后，你会觉得chrome浏览器的解析会是

<p>测试p标签嵌套</p>
<p>测试p标签嵌套哼哼哈兮</p>

no no no ,我一开始的判断也是酱紫，但事实是

p 标签嵌套

解析为3个p标签了，还有一个空的！！！
于是猜想是不是换行的原因，然后写成如下的样纸：

 <p>测试p标签嵌套<p>测试p标签嵌套哼哼哈兮</p></p>

放在一行了，结果呢？
还是三个！！！

再次验证了标签不要随便用，注意

语义化

语义化

语义化！！！