HTML验证锚标记

Question

我在验证一段代码时遇到了一个简单的问题。想知道我做错了什么。当我验证它时，它会发出警告，说我应该关闭锚标记。但我需要标题和段落被突出显示使用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;
}

Answer 1

在HTML5中，这是有效的。在XHTML1.0中，过渡性不是，因为它不允许在链接中放置“块标记”。块标记是HTML中的标记，默认情况下得到display: block，例如：div、p、h1、h2、.

您可以使用<span>而不是h4和p，或将链接放在h4和p中。