Тег привязки проверки HTML - PullRequest
1 голос
/ 17 февраля 2012

У меня простая проблема с проверкой фрагмента кода. хотел бы некоторый вклад в то, что я делаю неправильно. когда я проверяю его, выдается предупреждение о том, что я должен закрыть тег привязки. но мне нужно, чтобы заголовок и абзац были выделены с помощью 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 Ответ

2 голосов
/ 17 февраля 2012

В HTML5 это действительно. В XHTML 1.0 Transitional нет, так как не разрешается помещать «теги блоков» внутри ссылки. Блочные теги - это теги в HTML, которые по умолчанию получают display: block, например: div, p, h1, h2, ...

Вы можете использовать <span> вместо h4 и p или для размещения ссылок внутри h4 и p.

...