HTML Valid метод реализации этого следующий

Question

Запуск облака страницу Ubuntu http://www.ubuntu.com/business/cloud/overview через http://validator.w3.org/ дает несколько ошибок, большинство из которых сосредоточены вокруг не имеющих <divs> и <h> ы и т.д. внутри <a> тега.

Реализация, в которой меня интересуют, - это четыре коробки со стрелками, которые меняют цвет, когда вы наводите на них курсор (так как это <a> ссылок). Каков допустимый метод для реализации этого?

Answer 1

Допустимые способы реализации этого:

• отдельные ссылки внутри каждого блока. Поместите эффект :hover на родительский div, а не на ссылку. Нижняя сторона: больше разметки

• использовать только встроенные элементы внутри одной ссылки, используя CSS, чтобы изменить их на display: block элементов, если необходимо. Даунсайд: потенциально менее семантический

• использует тип HTML5, поскольку [X] HTML5 допускает эту конструкцию. Даунсайд: менее простая в проверке текущая движущаяся цель HTML5.

Answer 2

Каждый из них может быть (с эффектом зависания, чтобы изменить цвет фона/изображение), и, который находится внутри, просто охватывает весь div с помощью height и width в вашем CSS.