Использование тегов в html

Для блока стоит использовать семантику списка с вложенными пунктами списка. В каждом пункте списка — ссылка, а внутри ссылки — элемент карточки (рекомендуем использовать тег <article>).

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


Ответы (1 шт):

Автор решения: Dev18

Я вижу это так, что лучше в верстке использовать специальные теги, например не писать <div class="article"></div>, а сделать <article></article> итд

ul {
  list-style: none;
  padding: 0;
}

li {
  display: inline-block;
  margin-right: 10px;
}

.card {
  width: 100px;
  height: 100px;
  overflow: hidden;
}

.card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
<ul>
  <li>
    <a href="https://metanit.com/web/html5/2.5.php">
      <article class="card">
        <img src="https://i.sstatic.net/jyfwJ5mF.png" alt="Image 1">
      </article>
    </a>
  </li>
  <li>
    <a href="https://metanit.com/web/html5/4.1.php">
      <article class="card">
        <img src="https://i.sstatic.net/O9gYe8b1.png" alt="Image 2">
      </article>
    </a>
  </li>
</ul>

→ Ссылка