ГлавнаяHTML/CSS → Вложенные ссылки в HTML.
HTML/CSS

Вложенные ссылки в HTML.

Вложенные ссылки в HTML.
Подпишись на нас в телеграм @coderoll

Как известно, в спецификации HTML чётко указано, что вложенных ссылок нет и быть не может. Но разработчик интерфейсов в Яндексе предложил простой и вполне рабочий вариант решения данной проблемы.


Парсер браузера просто сломает ваш код, если он будет такого типа.

<a href="#post">
    Название поста
    <a href="#category">Категория</a>
</a>


Решение проблемы
Чтобы пофиксить данное стандартное поведение браузера (который следует указаниям спецификации), достаточно вложенную ссылку обернуть в тег <object />

<a href="#post">
    Название поста
    <object>
       <a href="#category">Категория</a>
    </object>
</a>
3 комментария
  1. Аватар пользователя
    слива
    0
    Круто, но в чем смысл ссылки в ссылке? Где применяется такое?
    1. Аватар пользователя
      +2
      Я с таким сталкивался не раз,. Актуально, когда у тебя краткий вид поста полностью в виде ссылки, и еще надо во внутрь поставить ссылку на категорию этого поста.
    2. Аватар пользователя
      -1
      Такое применяется, если у тебя есть блок, при нажатии на который тебя должно отправить по одной ссылке, но внутри блока есть ещё кнопка, которая должна отправить по другой ссылке. Сам никогда ранее не сталкивался с подобным, но теперь буду знать
Добавить комментарий
Кликните на изображение чтобы обновить код, если он неразборчив