Семантика и валидность

Question 1

Что делать, если валидатор ругается на div внутри label (например, в бургере)?

Answer 1

Если валидатор ругается на div внутри label (например, в бургере) - заменить див на span (и в стилях).

Question 2

Если валидатор ругается на элементы внутри , что делать?

Answer 2

Если валидатор ругается на элементы внутри - заменить из на div, убрать type=button и добавсить класс button и .button для стилей и скриптов

Question 3

Можно ли в HTML5 вкладывать блочные элементы в ссылки?

Answer 3

Можно, хотя в версии 4 это было не валидно.

Question 4

Важно не оборачивать картинки блоками, если это не нужно. Но чтотделать, если уже задействован класс этого блока в стилях или скриптах?

Answer 4

Можно просто передать картинке класс блока, от которого планируется отказаться.

Question 5

Семантическая вёрстка: ссылка, кнопка, картинка

Answer 5

Семантическая вёрстка: ссылка-это ссылка (можно скопировать, перейти), кнопка-это кнопка (но в неё можно вложить ссылку и картинку). Картинка не должна быть кнопкой, она может быть внутри кнопки.

Question 6

Если есть элементы, похожие на списки, даже расположенные по горизонтали, что использовать?

Answer 6

Использовать <ul><li> - это семантически правильно. Им же можно задать классы “outer” и “inner”</li></ul>