Тег «а» внутру тега «а»?

Question

[Breeze1]

Добрый день. Есть карточка товара, она идёт ссылкой. Внутри карточки есть соц. сети, которые тоже должны быть ссылками. Как выйти из этой ситуации? Cсылка в ссылку ведь не вкладывается.

Comments

[Сергей Левченко]

А причем тут CSS? Ваш вопрос относится к html и javascript, ко второму даже больше.

[Breeze1]

По существу есть, что ответить ?

[alvvi]

Breeze1, за неправильные теги тут наказывают, вам вполне по существу ответили.

[Сергей Левченко]

Breeze1, по существу вам и ответил. Нужно использовать javascript, можно два отдельных тега и позиционирование, но это для простых случаев и не универсальное решение...

Answer 1

[alvvi]

Тег <a> нельзя вкладывать внутрь другого тега <a> исходя из спецификации HTML5. Даже если технически это осуществимо, ваш код будет невалидным.
Переделайте разметку таким образом, чтобы ссылки в ней располагались независимо друг от друга, e.g.

<div class="card">
  <a href="/product" class="card__product-link">/* Здесь контент карточки товара */</a>
   <ul class="card__socials socials">
       <li class="socials__item">
          <a href="#" class="socials__link"></a>
       </li> 
   </ul>
</div>

а дальше позиционируйте их относительно друг друга с помощью CSS.

Answer 2

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

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

Comments

[Breeze1]

Карточка товара может быть только страницей ??

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

Breeze1, а чем по вашему она еще может быть?

[Breeze1]

зайди в любой каталог товаров, и ты увидишь, что такое карточка товара

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

Breeze1, это список товаров, а не карточка

[Breeze1]

Я называю это карточка

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

Breeze1, молодец

[Breeze1]

Владислав Лысков, по существу есть, что сказать? или так и будешь бестолково прожигать мое время ?

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

Breeze1, ты сам логически не понимаешь, что ссылка в ссылке быть не может?