html <a>标签不能嵌套<a>

说明：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 οnclick="redict('www.weather.com.cn')">中国天气网</span></a>

function redict(canshu) {         

          //接下来使用js代码进行页面跳转  

          window.location.href = canshu;  

  }