Валидна ли верстка?

Question

[Иван]

делаю карточку товара, при наведении на товар, товар затемняется и появляется название товара и его тип. валидно ли то, что я написал? вроде слышал, что в ссылки нельзя вставлять заголовки.
проверил на w3c, вроде ничего не сказал, но там стандарт html4

<div class="cards">
          <ul class="cards-item">
            <li>
              <a href="#">
                <img src="img/Card/portfolio/normal-1.png" alt="portfolio">
                <h2>Modern T-shirt</h2>
                <span class="img__mask">Print</span>
              </a>
            </li>

Comments

[alex]

не валидно. ссылка куда ведет? это что за путь такой #? путь в никуда? тогда это не ссылка.

[Ярослав Иванов]

Alex, да заглушка наверное временная))

[Иван]

Alex, ой рассмешили))
не на то вы внимание обратили. и да, валидатор даже слова не сказал про заглушку)
меня интересует вложенность.

[Владислав Лысков]

не валидна, не все тэги закрыты

[Araya]

А что с табуляцией?

[Антон]

BenderIsGreat34, а зачем вам ul li? Ну и, зачем вам h2 в названии товара? У заголовков другое предназначение, по сути. сделайте класс .h2, если вам нужно оформление такое, а сам заголовок в span

[Dima Polos]

При чем тут #, незакрытые теги и табуляция? Теги закроет человек, зачем нам сюда весь кусок кода? Табуляция для браузера и валидатора - ничто, можно минифицировать разметку. Решетка - заглушка, бэкенд поставит ссылку как надо, все будет норм.

Answer 1

[Dima Polos]

В ссылку можно вставлять все, что можно вставлять в родителя ссылки. Самый лучший способ проверить валидность - валидатор. Ваш пример валиден, я ж так понимаю, что Вы показали только часть верстки, если все теги закрыты - все ок.

Comments

[Иван]

Dima Polos это часть верстки, но я показал независимый блок. сомнения были на счёт вложенности в ссылках, спасибо.

[Dima Polos]

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

Answer 2

[y0u]

проверил на w3c, вроде ничего не сказал, но там стандарт html4

в ссылки нельзя вставлять заголовки

Можно. https://www.w3.org/TR/html52/textlevel-semantics.h...

Answer 3

[Stalker_RED]

Посмотрите статью на MDN, там нормально расписано.
В тег a можно вставлять любой потокоовый контент кроме интерактивного, включая заголовки.

Валидность верстки лучше бы проверять валидатором)