html - 如何在没有 Javascript 的情况下使 Ul 可点击

Question

我有密码

<ul class="catven">

                    <li><a target="_blank" href="http://" style="color:skyblue;text-decoration:none;margin-left:10px;">Abhijit Brew Tech Pvt Ltd</a></li>
                    <li><img src="http://localhost:8000" alt="" class="main-cat-img"></li>
                                    </ul>

所以这段代码有一个链接和一个图像，我希望整个 Ul 都可以点击

谢谢，

Answer 1

您可以将整个 UL 放在 anchor 标记中，但为此您必须删除 <a>你的<li>里面有标签

你不能再放一个<a> <a> 内的标签标签，它将关闭所有<a>当它首先找到时标记 </a>

例如:

<a href="www.google.com">
This is before a tag of li closes
<ul class="catven">

    <li><a target="_blank" href="http://" style="color:skyblue;text-decoration:none;margin-left:10px;">Abhijit Brew Tech Pvt Ltd</a></li>

    <li><img src="http://localhost:8000" alt="" class="main-cat-img"></li>
</ul>
This is after a tag of li closes
</a>

这将使只有他先<li>或第一个 <a> 之间写的任何内容google.com 和 </li> 的末尾可点击

如下所示:

为了使其正常工作，您必须删除 <a> 的内部标签

<a href="www.google.com">
This is before a tag of li closes
<ul class="catven">

    <li>Abhijit Brew Tech Pvt Ltd</li>

    <li><img src="http://localhost:8000" alt="" class="main-cat-img"></li>
</ul>
This is after a tag of li closes
</a>

如下所示: