Html li前ul内的锚定标签_Html

Html li前ul内的锚定标签

html

Html li前ul内的锚定标签,html,Html,我在ul中添加锚定标签，在锚定标签中添加li。但当我在html验证器上测试时，它给了我一个错误。有没有合适的方法来实现这一点 <!DOCTYPE html> <html> <head> <title>Title</title> </head> <body> <ul> <a href="#"><li>Click one</li></a> <a hre

我在ul中添加锚定标签，在锚定标签中添加li。但当我在html验证器上测试时，它给了我一个错误。有没有合适的方法来实现这一点

<!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 a

进行样式设置，整个

li

将可单击，如下所示：

ulli a{
浮动：左；
保证金：5px；
填充物：5px；
背景：红色；
}

这个问题很老了，但我想补充一点：

此CSS还应强制锚元素与父li的宽度和高度相同，这也将达到所需的效果

ul li a {
    width:inherit;
    height:inherit;
}

我知道我应该，但我希望整个li元素应该是可点击的。我如何通过将li放在外面使其可点击？

ul li a {
    width:inherit;
    height:inherit;
}