我在验证一段代码时遇到了一个简单的问题。我想对我做错了什么输入。当我验证它时,它会发出警告,说我应该关闭锚标签。但我需要使用CSS突出显示标题和段落。 html代码在
之下<li>
<a href="#">Home</a>
<div class="menu-dropdown">
<div class="menu-items">
<a href="#">
<h4>Why Choose Cyberskills?</h4>
<p>There are a number of reason to choose Cyberskills. Click here to find out more...</p>
</a>
</div>
</div>
</li>
css代码在
之下menu-items a{
display: block;
padding: 10px;
text-shadow: 1px 1px 1px #666666;
text-decoration: none;
color: #000000;
}
.menu-items a:hover{
display: block;
background: #666666;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
答案 0 :(得分:2)
在HTML5中,这是有效的。在XHTML 1.0 Transitional not中,因为它不允许放置&#34;阻止标记&#34;在链接里面。块标记是HTML中的标记,默认情况下为display: block
,例如:div
,p
,h1
,h2
,...
您可以使用<span>
代替h4
和p
或将链接放在h4
和p
内。< / p>