Как бы вы разметили заголовке в макете?

Question

[Evgenij_nechujveter]

Хочу сделать такую разметку заголовков, как считаете будет нормально?

Answer 1

[Владислав]

На вкус и цвет товарищу нет!

Кто как хочет так и делает :)
Главное в 1 секции должен быть только один h1
А вот h2 делай сколько хочешь).
Но так как ты позначил, будет нормально, я бы тоже так сделал!

Comments

[Evgenij_nechujveter]

Т.е. это чисто субьективно?

[Владислав]

Evgenij_nechujveter, Эти заголовки зависят от SEO (так званное продвижение сайтов). Но это уже не проблемы верстальщиков). И да, это чисто субъективно)

Answer 2

[Denis]

ну смотря какой конечной целью вы задаетесь если исходить из СЕО то h1 еще можно оставить а остальное обычные div

Comments

[Evgenij_nechujveter]

Я думаю здесь корректней было бы section использовать. Разве не должно быть структуры заголовков?

[Denis]

Evgenij_nechujveter,
не факт по-скольку тег h это заголовок и должен отображать смысл контента иными словами есть книга и теги h это главы этой книге и главное содержимое этих тегов должно быть уникальным на всем сайте, Ваш случай больше напоминает оглавление книги, ну это исключительно с точки зрения СЕО, Вы же можете использовать на свое усмотрение главное правило h1 всегда один на странице

[Evgenij_nechujveter]

sidni, А заголовки начиная с h2 обязательно должны идти по порядку? Т.е. сначала h1, потом h2, потом h3 и т.д.?

[Denis]

да, должна соблюдаться иеррахия внутри блоков, можете глянуть крупные порталы никто заголовками по странице не разбрасывается

Answer 3

[McBernar]

Семантически — "PINK APP" — это h2, а "СОРТИРОВАТЬ" — это h3, но лучше вообще сделать простым спаном.

Comments

[Evgenij_nechujveter]

McBernar "сортировать" или "стоимость" обычно спаном делают в таких ситуациях?

[McBernar]

Evgenij_nechujveter, ну, просто, для заголовка это не очень подходит. Это же просто название блока с фильтрами. По-крайней мере, для h3 это не совсем то. Но, на самом деле, это уже не столь важно — можете делать как хотите, но лучше, как и писал выше, не h2.