HTML验证锚标记

时间:2012-02-17 09:30:08

标签: html css validation html-lists anchor

我在验证一段代码时遇到了一个简单的问题。我想对我做错了什么输入。当我验证它时,它会发出警告,说我应该关闭锚标签。但我需要使用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;
}

1 个答案:

答案 0 :(得分:2)

在HTML5中,这是有效的。在XHTML 1.0 Transitional not中,因为它不允许放置&#34;阻止标记&#34;在链接里面。块标记是HTML中的标记,默认情况下为display: block,例如:divph1h2,...

您可以使用<span>代替h4p 将链接放在h4p内。< / p>