1. 程式人生 > >html 標籤不能巢狀

html 標籤不能巢狀

說明:a標籤不能巢狀,若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層級錯亂

不能巢狀的還有: h不能直接套h標籤 p標籤是不可以套塊標籤的

解決辦法:
span點選觸發事件

<a href="www.baidu.com">百度<span onclick="redict('www.weather.com.cn')">中國天氣網</span></a>

function redict(canshu) { 

          //接下來使用js程式碼進行頁面跳轉  

          window.location.href = canshu;  

  }