在李先生之前的内部锚标签 [英] anchor tag inside ul before li

查看:78
本文介绍了在李先生之前的内部锚标签的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我在ul内部添加了一个锚标签,并在锚标签内添加了li。但是当我在html验证器上测试这个时,它给了我错误。有没有适当的方法来实现这一点?

I am adding an anchor tag inside ul and inside anchor tag I am adding li. But when I tested this on html validator it gives me error. Is there a proper way to achieve this?

<!DOCTYPE html>
<html>
<head>
<title>Title</title>
</head>
<body>
<ul>
<a href="#"><li>Click one</li></a>
<a href="#"><li>Click one</li></a>
<a href="#"><li>Click one</li></a>
</ul>
</body>
</html>


推荐答案

将其转换为:

<ul>
    <li><a href="#">Click one</a></li>
    <li><a href="#">Click one</a></li>
    <li><a href="#">Click one</a></li>
</ul>

因为 li 应始终有父 ul ,那是您错误的原因。但我认为你希望你的整个 li 是可点击的,所以这个CSS样式可以修复它。

Because li should always have a parent of ul, that is the cause of your error. But I think you wanted your whole li to be clickable so this CSS style will fix it.

ul li a { display:block; }

这会显示它。

这篇关于在李先生之前的内部锚标签的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆