如何解決a標籤nest問題？

01-06

比如像這種結構，整個一個大塊是到商品購買頁面的a標籤，而看相似又應該是到另一個頁面的a標籤，，，
&
&
&看相似&

&
這時候就會造成a標籤nest，在react中就會拋出warning。Warning: validateDOMNesting(...): & cannot appear as a descendant of &.
如果在『看相似』的元素上用onClick觸發跳轉是可以解決這個問題的，但是又覺得語義上不符合，想問下大佬們一般怎麼解決這個問題

謝邀

沒人提到 object 標籤。

& When the crisis was over, & &Mr. Jones& & left the region immediately. &

參看：

著作權歸作者所有。
商業轉載請聯繫作者獲得授權,非商業轉載請註明出處。
原文: https://www.w3cplus.com/css/dirty-tricks-dark-corners-front-end-pt1.html ? http://w3cplus.com

謝邀，用area應該可以解決掉你的問題，附一篇張鑫旭的文章

HTML &&標籤及在實際開發中的應用

絕對定位啊，老鐵

不要在a標籤里嵌套a。。標準里也不支持這麼使用。。

在clickable的元素里再嵌套clickable的元素通常很容易出問題，除非手動capture事件並stopPropagation。但是這樣太麻煩了。。。題主還是考慮一下換一種方式實現吧

方法1 使用 div 模擬 a，監聽 click 即可
方法2 使用自定義標籤 &，依然是監聽 click

反正 a 標籤裡面是不能有 a 的，不要跟標準對著干~

心疼a套a T^T

活用Google

少在知乎上提問～～

a標籤嵌套問題

多年前就有人用object標籤解決了

這css知識到底是有多匱乏……

問題解決

&看相似&

airbnb的eslint里有個rule：

div(positon:relative)

a(放內容, 和div一樣大, 用positon: absolute, top:0;right:0;bottom:0;left:0實現)

a(放相似按鈕鏈接, 也是絕對定位)

這樣語義上應該算滿足了吧?

這個沒必要太糾結語義化吧，用個span標籤不就可以了。