Как более семантически правильно — article в a, или a в article?

Question

[pavelkunyavskiy]

Хочу сделать список по разделам с карточками-ссылками на конкретные статьи. Просто карточка, в ней картинка, заголовок статьи, краткое описание, время публикации и автор.
При этом задача применить обязательно тег article. Т.е. каждая карточка это article.

Как совместить линк и тег article? Кого правильнее вкладывать с точки зрения семантики, валидации и тд?

Answer 1

[dom1n1k]

article > a

Comments

[pavelkunyavskiy]

Т.е. ссылку вкладывать в article?

[dom1n1k]

Ну очевидно же: в карточке, помимо собственно ссылки могут быть некие дополнительные элементы - какие-то счетчики, кнопки, тэги, лайки и что угодно. Поэтому {a} не может быть внешним элементом.

[pavelkunyavskiy]

dom1n1k, так а что вы предлагаете, капитан очевидность? Еще раз - ссылкой должен быть ВЕСЬ блок article, вся карточка. Вместе с "счетчики, кнопки, тэги, лайки и что угодно"

[pavelkunyavskiy]

Короче решил так: весь артикл сделал ссылкой в JS, и дополнительно в блоке обернул заголовок в ссылку. Так вроде ничего не нарушается. А так вы правы, нельзя же дивы в ссылку класть.

Answer 2

[Роман Серков]

с такими вопросами надо в спеку смотреть.