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>

放在一行了,结果呢?
还是三个!!!

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

语义化

语义化

语义化!!!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容