Если сделать тег «a» блочным, можно ли будет в него включить тег h)?

Question

[iminby]

Делаю блоки квадратные с иконкой и названием, хочу, чтобы они полностью нажимались.
не хочу использовать js и тому подобное для div.
По сути и я где-то в коде видел...у кого-то.
Еслиaтегу , придать display: block; тогда ведь можно будет в него включать h теги,в моём случае h3, но не важно.
И тогда ничего нарушаться не будет, по вложенности строчных , блочных..
и блок весь будет кликабелен?!

Comments

[Сергей delphinpro]

да. внутрь ссылки можно и просто так располагать любые теги

[Кирилл]

В спецификации html5 внутри тега А можно располагать любые элементы. Если у вас доктайп html5, то никаких проблем не будет)

[Stalker_RED]

Сергей: Не то чтоб совсем любые. Ссылку внутри ссылки не получится, например.

[Ankhena]

https://html5book.ru/kontentnaya-model-html5/

Answer 1

[dom1n1k]

Можно. Регулярно так делаю.
Типичный случай: карточка товара в магазине - название, картинка, кнопка, возможны какие-то иконки. И всё это кликабельно.

Answer 2

[Виктор Янышев]

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

Comments

[Виктор Янышев]

HTML блочные элементы внутри строчных?

[Ankhena]

Виктор Янышев: В стандарте HTML5 https://html5book.ru/kontentnaya-model-html5/

Answer 3

[Тимур Худиев]

Раньше вроде как нельзя было. Т.е можно, но было не валидно. Даже когда используешь emmet он в теге <a>разворачивает <span>. HTML5 можно. Используй смело. В таких ситуациях на будущее просто напиши нужную разметку и проверь на валидность на https://validator.w3.org/ Он тебе скажет можно так делать или нет)