Чтобы открыть ссылку в новой вкладке с помощью target _blank в Markdown, используйте [link](url){:target="_blank"} или создайте HTML-тег <a> с помощью target="blank".

Но для файлов README на GitHub и на многих других платформах, поддерживающих Markdown, вы просто не можете.

Что такое Маркдаун?

Markdown – это легкий язык разметки, созданный для простоты и читабельности.

Первоначальная цель Markdown заключалась в том, чтобы дать людям возможность писать в легком для чтения и удобном для записи текстовом формате и, при необходимости, преобразовывать его в структурно допустимый HTML (или XHTML). Другими словами, Markdown — это инструмент преобразования текста в HTML для веб-писателей. Многие веб-сайты, такие как Github.com, Notion.so и Medium.com, так или иначе используют Markdown.

Зачем делать ссылку открытой в новой вкладке в Markdown?

Открытие ссылки в новой вкладке в Markdown может быть выгодно по ряду причин:

  1. Удобство для пользователя. Открывая ссылку на новой вкладке, вы оставляете исходную страницу открытой, позволяя пользователю легко вернуться к вашему контенту после завершения просмотра. связанный контент.
  2. Уменьшить показатель отказов. В веб-аналитике bounce – это когда пользователь заходит на ваш сайт, а затем уходит без какого-либо другого взаимодействия. Когда ваш сайт остается открытым на одной вкладке, а связанный контент открывается на другой, это технически снижает показатель отказов, что может быть лучше для показателей сайта и SEO (Поисковая оптимизация).
  3. Сохранять контекст. Если ваш контент содержит дополнительное чтение или ссылки через внешние ссылки, их открытие на новой вкладке помогает сохранить контекст для пользователя. . Пользователям не придется переходить взад и вперед между страницами, чтобы понять контекст.

Почему многие инструменты рендеринга Markdown не позволяют открывать ссылки в новой вкладке?

  1. Простота: Markdown был разработан так, чтобы быть настолько простым, и это не обеспечивает поддержку атрибутов в синтаксисе ссылок. Атрибут target="_blank", необходимый для открытия ссылок на новой вкладке в HTML, отсутствует в базовом Markdown.
  2. Безопасность. Ссылки, открывающиеся на новой вкладке, могут стать источником фишинговой атаки, известной как tabnapping». Если связанный сайт является вредоносным, он потенциально может изменить содержимое исходной страницы и обманным путем заставить пользователей предоставить конфиденциальную информацию.
  3. Пользовательский контроль. Существует мнение, что пользователь должен решать, хочет ли он, чтобы ссылка открывалась в новом окне или вкладке. В большинстве браузеров это может быть просто Ctrl + Click или щелчок правой кнопкой мыши.

Открыть ссылку в новой вкладке с тегом HTML <a>

Вы можете создать ссылку, которая открывается на новой вкладке в Markdown, создать элемент привязки HTML <a> и установить для его атрибута target значение _blank, ссылку в обычном HTML:

Visit <a href="https://codingbeautydev.com">Coding Beauty</a> for more educational and interesting content.

Открыть ссылку в новой вкладке с помощью {:target="_blank"}

Альтернативно создайте ссылку, которая открывается на новой вкладке в Markdown, с синтаксисом [link](url){:target="_blank"}. Например:

Visit [Coding Beauty](https://codingbeautydev.com) for articles on JavaScript, React, Next.js, and more.

Это работает в синтаксисе kramdown и в фреймворке Jekyll.

Ключевые выводы

  • Чтобы открыть ссылку на новой вкладке в Markdown, используйте [link](url){:target="_blank"} или HTML-тег <a> с target="blank". Однако не все платформы поддерживают это.
  • Markdown — это легкий язык разметки для создания простого, читаемого текста, который можно преобразовать в HTML.
  • Открытие ссылок на новых вкладках может улучшить взаимодействие с пользователем, снизить показатель отказов и сохранить контекст.
  • Многие инструменты Markdown не поддерживают ссылки на новые вкладки из-за проблем с простотой, безопасностью и контролем пользователя.
  • Используйте тег HTML <a> или синтаксис [link](url){:target="_blank"}, чтобы открывать ссылки на новых вкладках.

Все безумные вещи, которые делает JavaScript

Именно тогда, когда вы думали, что знаете все тонкости.
Избегайте неприятных ошибок и сэкономьте драгоценное время с помощью Все безумные вещи, которые делает JavaScript, увлекательного руководства по тонким предостережениям и малоизвестным частям JavaScript.

Получите бесплатную копию здесь сегодня.