a标签不能嵌套

作者: 嘻哈章鱼小丸子 | 来源:发表于2017-01-23 19:38 被阅读0次
不是分享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>

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

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

语义化

语义化

语义化!!!

相关文章

  • 学习第七天

    今天学习了一些基本的规则 标签嵌套规则:块标签可以随便嵌套标签(p 里面不能嵌套块标签) ...

  • a标签不能嵌套

    不是分享a标签简单的使用方法的! 接到个任务,改造下别人的页面,反正这样的页面是一次性的,想省事,就在a标签里面直...

  • a标签不能嵌套

    上班碰到a标签里套a标签,浏览器解析会把a标签解析成同级关系,不会解析成父子关系. 解决方法

  • 前端小知识点

    看似简单的东西,越是很重要,赶紧收藏起来吧!标签的嵌套: 块标签可以嵌套任何标签2.p标签绝对不能嵌套块标签 行标...

  • 零散知识点总结

    标签的合理使用 行级元素只能嵌套行级元素,块级元素可以嵌套任何元素 a标签里面不能适用a标签 p标签当中不能是用d...

  • html笔记1

    我对input的理解: 的本质就是: p标签和form标签不能嵌套

  • html5常用标签

    一.常用标签 ~ 表示一个标题 双标签 无默认属性 块级标签 ~ 段落 双标签 块级 p标签不能嵌套块级标签 ...

  • HTML5学习笔记(新手入门中)

    1.header/section/aside/aiticle/footer这五个标签不能嵌套。2.标签级别/依次降...

  • 第十章 一些细节(二) - 《代码能有多难?》

    标签可以被嵌套,但不能交叉 像上一章那种,一层标签,套着一层标签,这叫做嵌套。在这种情况下,每一个元素都被完整的套...

  • 小程序点击展开收起

    遇到了一些坑总结一下:总结的不是很清楚,下次在总结1.text里不能嵌套view或其它标签(text标签只能嵌套t...

网友评论

    本文标题:a标签不能嵌套

    本文链接:https://www.haomeiwen.com/subject/nspwbttx.html