[html] a標簽可以再嵌套a標簽嗎？為什么？如果不行，那又想要嵌套效果怎么解決呢？

a標簽不能嵌套a標簽<a href="https://www.baidu.com/" class="parent">點擊父級標簽<a href="https://www.baidu.com/" target="_blank" class="child">點擊子級標簽</a> </a>結果在瀏覽器上解析為,嵌套失敗：<a href="https://www.baidu.com/" class="parent">點擊父級標簽</a> <a href="https://www.baidu.com/" target="_blank" class="child">點擊子級標簽</a>那么實現嵌套效果（點擊子標簽時跳轉，點擊父標簽時跳轉）：1.和上面的布局一樣,樣式改變如下，給父元素加絕對定位：.parent {display: block;position: absolute;width: 200px;height: 100px;border: 1px solid blue;text-align: center;line-height: 100px; } .child {color: red; }2.中間加一層object標簽如下(大部分瀏覽器支持，但是還是存在兼容性)：<a href="https://www.baidu.com/" class="parent">點擊父級標簽<object data="" type=""><a href="https://www.baidu.com/" target="_blank" class="child">點擊子級標簽</a></object> </a>3.還可以不用a標簽（隨便用什么標簽，實現嵌套和跳轉功能），加js如下：<div class="parent" id="parent">點擊父級標簽<a href="https://www.baidu.com/" target="_blank" rel="noopener noreferrer" class="child" id="child">點擊子級標簽</a> </div> <script>window.onload = () => {let parent = document.getElementById('parent');let child = document.getElementById('child');parent.onclick = () => {alert("在本頁跳轉到百度");window.location.href = 'https://www.baidu.com/';};child.onclick = (e) => {// 阻止事件默認的向上冒泡行為e.stopPropagation();alert("打開新頁面跳轉到百度");};}; </script>

個人簡介

我是歌謠，歡迎和大家一起交流前后端知識。放棄很容易，
但堅持一定很酷。歡迎大家一起討論

主目錄

與歌謠一起通關前端面試題

總結

以上是生活随笔為你收集整理的[html] a标签可以再嵌套a标签吗？为什么？如果不行，那又想要嵌套效果怎么解决呢？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。