Чтобы открыть ссылку в новой вкладке с помощью 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 может быть выгодно по ряду причин:
- Удобство для пользователя. Открывая ссылку на новой вкладке, вы оставляете исходную страницу открытой, позволяя пользователю легко вернуться к вашему контенту после завершения просмотра. связанный контент.
- Уменьшить показатель отказов. В веб-аналитике
bounce
– это когда пользователь заходит на ваш сайт, а затем уходит без какого-либо другого взаимодействия. Когда ваш сайт остается открытым на одной вкладке, а связанный контент открывается на другой, это технически снижает показатель отказов, что может быть лучше для показателей сайта и SEO (Поисковая оптимизация). - Сохранять контекст. Если ваш контент содержит дополнительное чтение или ссылки через внешние ссылки, их открытие на новой вкладке помогает сохранить контекст для пользователя. . Пользователям не придется переходить взад и вперед между страницами, чтобы понять контекст.
Почему многие инструменты рендеринга Markdown не позволяют открывать ссылки в новой вкладке?
- Простота: Markdown был разработан так, чтобы быть настолько простым, и это не обеспечивает поддержку атрибутов в синтаксисе ссылок. Атрибут
target="_blank"
, необходимый для открытия ссылок на новой вкладке в HTML, отсутствует в базовом Markdown. - Безопасность. Ссылки, открывающиеся на новой вкладке, могут стать источником фишинговой атаки, известной как tabnapping». Если связанный сайт является вредоносным, он потенциально может изменить содержимое исходной страницы и обманным путем заставить пользователей предоставить конфиденциальную информацию.
- Пользовательский контроль. Существует мнение, что пользователь должен решать, хочет ли он, чтобы ссылка открывалась в новом окне или вкладке. В большинстве браузеров это может быть просто
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.
Получите бесплатную копию здесь сегодня.