如何在没有Javascript的情况下使UI可点击

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>

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

谢谢，

Answer 1

只需在UL旁边添加锚标签即可 像这样： - ＆gt;

<a href="#"><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>
</a>

Answer 2

您可以将整个UL放在锚标记内，但为此您必须删除<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>或在google.com的第一个<a>和</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>

如下所示：