Если у вас есть собственный блог, и вы хотите сделать ссылку на один из своих старых постов, или вы участвуете в беседе на форуме и хотите предоставить ссылку для подкрепления своего аргумента, использование якорного текста с кликабельной ссылкой огромную ценность для пользователей сайта. Гораздо проще и удобнее просто щелкнуть ссылку, чем копировать и вставлять точный веб-адрес в другое окно браузера.
Кликабельные ссылки в разных контекстах
То, как вы делаете интерактивные ссылки, зависит от типа системы, в которой вы работаете.
HTML-код
Языком по умолчанию для большей части Интернета является HTML или язык гипертекстовой разметки. Скорее всего, вы использовали бы такой код, если бы создавали или редактировали веб-сайт с нуля, или если бы вы работали с другим веб-инструментом, который запрашивает HTML.
Чтобы создать кликабельную ссылку в HTML, которая открывается в том же окне, выполните следующие действия:
- Определите URL-адрес, по которому должна вести ссылка, включая начальный текст http://. В этом примере будет использоваться http://www.lovetoknow.com.
- Определите «якорный текст», который вы хотели бы использовать. Якорный текст — это видимый, кликабельный текст, который увидят другие пользователи. В этом примере будет использоваться «Доверенный совет LoveToKnow» без кавычек.
- Отформатируйте HTML-код следующим образом:
- <a href=»https://www.lovetoknow.com»>надежный совет LoveToKnow</a>
- Вставьте этот код там, где вы хотите, чтобы ссылка отображалась.
Это создаст интерактивную ссылку, которая будет выглядеть следующим образом: Доверенный совет LoveToKnow.
«a» в «a href» означает привязку и является тегом HTML, а часть «href» является атрибутом «a», который обозначает гипертекстовую ссылку. Чтобы указать, где и как должна открываться ссылка, можно добавить целевой атрибут.
- target=»_blank» открывает ссылку в новом окне или новой вкладке
- target=»_self» открывает ссылку в том же окне или вкладке
Следуя этому примеру, чтобы создать ту же ссылку, что и выше, но чтобы она открывалась в новом окне вместо существующего, HTML-код должен быть отформатирован следующим образом:
- <a href=»https://www.lovetoknow.com» target=»_blank»>надежный совет LoveToKnow</a>.
CMS WordPress
WordPress — одна из самых популярных систем управления контентом . Он используется для блогов и других веб-сайтов. Это бесплатная платформа, которая предоставляет пользователям два редактора сообщений и страниц: визуальный редактор, который отображает то, что увидит посетитель сайта; и редактор HTML, который отображает простой HTML-код.
С помощью HTML-редактора необработанный HTML-код, подобный описанному выше, можно использовать для создания кликабельной ссылки. Как для визуального редактора, так и для редактора HTML есть альтернатива.
- Напишите контент для поста или страницы, используя редактор по вашему выбору.
- Выделите текст, который вы хотели бы использовать в качестве текста привязки.
- Нажмите кнопку «ссылка» над редактором контента, чуть ниже того места, где идет текст заголовка публикации или страницы. Это вызывает всплывающее окно.
- Введите или скопируйте целевой URL-адрес (куда вы хотите, чтобы ссылка вела) в поле URL-адреса.
- При необходимости установите флажок «Открыть ссылку в новом окне или вкладке», чтобы ссылка открывалась в новом окне или вкладке.
- Нажмите кнопку «Добавить ссылку».
Веб-форум BBCode
Bulletin Board Code, или сокращенно BBCode, — это язык разметки, используемый на многих популярных дискуссионных форумах в Интернете. Некоторые форумы предлагают редактор WYSIWYG (что видите, то и получаете) с различными кнопками для форматирования текста ваших сообщений, включая кнопку для добавления ссылок. Там, где этот тип редактора недоступен, кликабельная ссылка может быть создана с правильно отформатированным кодом.
- Определитесь с целевым URL и якорным текстом для ссылки.
- Чтобы создать ссылку, в которой сам URL-адрес является якорным текстом, используйте следующий формат:
- [url]http://web-design.lovetoknow.com/[/url]
- Это создает ссылку, которая выглядит так: http://web-design.lovetoknow.com/
- Чтобы создать ссылку с настраиваемым якорным текстом, используйте этот формат:
- [url=http://web-design.lovetoknow.com/]Веб-дизайн LoveToKnow[/url]
- В результате получается такая ссылка: LoveToKnow Web Design.
Язык разметки вики
Хотя язык разметки вики часто ассоциируется с веб-сайтом Википедии, он также используется на ряде других вики-сайтов в Интернете. В отличие от HTML, WordPress и BBCode, язык разметки вики различает внутренние ссылки (ссылки на другие страницы того же веб-сайта) и внешние ссылки (ссылки на страницы других веб-сайтов).
Чтобы создать внутреннюю ссылку (также известную как вики-ссылка):
- Определите имя внутренней страницы, на которую вы хотели бы вести ссылку. Точное написание, включая пробелы и заглавные буквы, может иметь значение. В этом примере будет использоваться гипотетическая страница с заголовком «Пример страницы».
- Отформатируйте вики-ссылку следующим образом, чтобы название страницы также выступало в качестве анкорного текста:
- [[Пример страницы]]
- Чтобы создать викиссылку с другим якорным текстом, используйте вертикальную черту (или символ «труба»), чтобы разделить две части текста в двойных квадратных скобках. Первая часть текста — это целевая страница, а вторая часть текста — якорная страница. Чтобы сделать ссылку на «Примерную страницу» с помощью якорного текста «Нажмите здесь», вики-код будет выглядеть следующим образом:
- [[Пример страницы|Нажмите здесь]]
Чтобы создать внешнюю ссылку:
- Получите точный URL-адрес, включая http://, куда должна вести ссылка.
- Отформатируйте внешнюю ссылку, используя одинарные квадратные скобки, следующим образом:
- [http://сотовые телефоны.lovetoknow.com]
- В результате ссылка выглядит следующим образом: [1]
- Все внешние ссылки, на которые есть ссылки на вики-странице, обычно также автоматически указываются в конце страницы.
- Включение пользовательского якорного текста полезно. Вставьте пробел после URL-адреса, введите текст привязки и закройте одинарной квадратной скобкой следующим образом:
- [http://cellphones.lovetoknow.com Информация о мобильном телефоне]
- В результате получается такая ссылка: Информация о мобильном телефоне.
По электронной почте
Форматирование интерактивной ссылки в сообщении электронной почты зависит как от отправителя, так и от получателя. Некоторые почтовые клиенты и программное обеспечение электронной почты будут отображать только обычный текст, в то время как большинство из них способны отображать HTML, включая ссылки, таблицы и изображения.
Если получатель сообщения использует почтовый клиент, поддерживающий HTML, как в случае практически всех почтовых веб-провайдеров, таких как Outlook.com и Gmail, то для этого достаточно указать только полный URL-адрес. В этом случае URL-адрес обычно кликабельный.
Если у отправителя сообщения есть почтовый клиент, поддерживающий создание HTML-сообщений, то он, вероятно, также будет включать инструменты форматирования, подобные Microsoft Office или другим визуальным редакторам, для вставки ссылки.
- Выделите нужный якорный текст.
- Нажмите на кнопку «ссылка» или «URL».
- Введите целевой URL.
Освоение кликабельных ссылок
Создание ссылки, по которой могут щелкнуть другие читатели, поначалу может показаться сложной или пугающей перспективой, но понимание основ соответствующего языка разметки или «кода» может сделать процесс гораздо более управляемым и простым для понимания.