Запуск страницы облака Ubuntu от http://www.ubuntu.com/business/cloud/overview до http://validator.w3.org/ выдает несколько ошибок, большинство из которых связаны с отсутствием <divs>, <h> s и т. Д. Внутри тега <a> .
<divs>
<h>
<a>
Интересующая меня реализация - это четыре поля со стрелками, которые меняют цвет при наведении на них курсора (поскольку они являются <a> ссылками). Каков действительный метод для реализации этого?
Допустимые способы реализации этого:
отдельные ссылки внутри каждого блока. Поместите эффект :hover в родительский div, а не в ссылку. Недостаток: больше наценки
:hover
используйте только встроенные элементы внутри одной ссылки, используя CSS для преобразования их в display: block элементы, если это необходимо. Недостаток: потенциально менее семантический
display: block
использовать тип документа HTML5, поскольку [X] HTML5 допускает эту конструкцию. Недостаток: менее простая для проверки текущая природа движущейся цели HTML5.
Каждый из них может быть a (с эффектом: hover для изменения цвета фона / изображения), а тот, который находится внутри, просто покрывает весь div с height и width в вашем CSS .
height
width