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

Question

[Александр Ка]

Читал на сайте htmlbook.ru о том что помещать блочные элементы в строчные это неправильно, удел новичков, в общем моветон. Например размещение div внутри тега a. Проверял комбинацию на wc3 validator, ошибок не выдает. Также читал что само по себе размещение блочного элемента внутри строчного бессмысленно,
но тут посмотрел как работает мозаика в разделе "каталог" auto.ru https://auto.ru/catalog/cars/audi/?page_num=1&view... Если я не ошибаюсь там блочные элементы вставляются внутрь строчных, и подсвечивание сделано на счет z-index. Вопрос, все таки такой метод имеет право на жизнь ?

Answer 1

[Андрей Гончаров]

Блочные, строчные, блочно-строчные. Фигачь как хочешь во что хочешь пока это работает. И даже плюй на валидаторы.
Мне ничего не мешает сделать тег a блочным, а div строчным в css. И какой валидатор это отследит?

Answer 2

[Ivan Bogachev]

Вопрос, все таки такой метод имеет право на жизнь ?

Есть такая штука - Vue.js, имеет over40000 звездочек на GitHub. Так вот: там при создании transition-group целая гора вашей верстки по умолчанию оборачивается в span. Так что... как сказал Андрей Гончаров - фигачь как хочешь во что хочешь пока это работает.

Answer 3

[Олег]

Вопрос, все таки такой метод имеет право на жизнь ?

Вот такой:
<a href="#"><span>Block</span></a>
a span {display: block;}

Comments

[Андрей Гончаров]

и какая разница браузеру, span там будет блочный через css или div сразу, например?

[Олег]

Андрей Гончаров: Данный код понравится и браузеру и валидатору, комбо)

[Андрей Гончаров]

Олег: Человеку-разработчику может не понравится. Тег "а" еще может быть панелькой или текстовой ссылкой, тогда как span семантически для меня текстовый элемент. А вообще без разницы, я так подумал. Названия тегов - это лишь названия, ну и чуть семантики для поисковиков и читалок. Не думаю, что от любого решения в данном вопросе кто-то пострадает)

[Олег]

Андрей Гончаров: Что разработчику не понравится? Тег a и тег span строчные, вкладывать строчные друг в друга это нормально, а например вкладывать дивы в ссылки уже нет, семантически это не правильно, если браузеру без разницы, это еще не значит, что все можно верстать таблицами.