a标签是不能嵌套a标签的,以前也没注意,结果不小心用了a标签嵌套a标签以后出现了以下的一个问题。

我想把二级显示变成三级显示,如下图:

">

杭州前端外包

a标签嵌套a标签

a标签嵌套a标签在实际项目开发中遇到的问题,才知道~~~

大家都知道HTML的嵌套规范,其中一个规范是块元素嵌套行内元素,块元素嵌套块元素,行内元素嵌套行内元素,行内元素不能嵌套块元素。 

其中需要注意的是行内元素嵌套行内元素,a标签虽然是行内元素,但是a标签是不能嵌套a标签的,以前也没注意,结果不小心用了a标签嵌套a标签以后出现了以下的一个问题。

我想把二级显示变成三级显示,如下图:


11.jpg

红色框部分是我增加三级显示的html代码

审查元素发现:我新增加的那个div(上图红色框的部分)莫名会增加一个a元素,这个增加的a元素是我新增加的div的父元素

这始终另我百思不得其解,后来和另外一个同事讨论测试以后发现是a标签嵌套a标签导致的。

注:P标签也是不能嵌套P标签的

至于为什么a标签不能嵌套a标签,网上的说法是:浏览器会自动添加结束符号,比如

你这样嵌套:<a href="www.baidu.com">谷歌<a href="www.weather.com.cn">中国天气网</a></a>

浏览器解析:<a href="www.baidu.com">谷歌</a><a href="www.weather.com.cn">中国天气网</a>

如果代码结构复杂,可能还会导致html层级错乱。


所以我觉得在写的时候避免也这种结构。

原创文章请注明转载自杭州WEB前端外包网站本文地址:http://hz.35ui.cn/post/82.html,标题:a标签嵌套a标签

【我来说两句】
分享到:

相关文章:



评论 0

发表评论:

杭州前端外包验证码

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。