Анкор. Как сделать активную ссылку

Июнь 2015 года.

Многие интернет юзеры задумываются о том, что в текстах широко используют гипертекстовые ссылки, по которым можно кликнуть и перейти на другую страничку. Закономерно возникает вопрос: как сделать активную ссылку. Очень часто сделать ссылку активной нужно на форуме или в статье, опубликованной на сайте. При этом не многие знают, что такое анкор, как его использовать и какими словами нужно ссылаться, чтобы вас поняли. Я расскажу вам об этом.

Вставляем анкор с ссылкой в веб документ

Вставляем анкор с ссылкой в веб документ

Ссылки и анкоры играют большую роль, так как именно благодаря этому у нас есть такой замечательный инструмент как интернет, где можно найти все что угодно, переходя по ним. Для облегчения навигации часто в ссылках используется такое понятие как анкор. Иначе его еще называют анкорный текст. Это собственно может быть слово, словосочетание или целое предложение. Он может быть и просто адресом интернет странички. Проще говоря, анкор это текст ссылки. Ссылки с анкорами активно используются для форматирования текстов на HTML веб страницах.

Ссылка html в тексте

Если взять во внимание язык разметки веб страниц (под названием HTML), то можно дать иное определение гиперссылкам и анкору. Гиперссылка это все что включает в себя тег а.

Анкор это текст между этими тегами. Проиллюстрирую в качестве примера.

html код сылки

Все это вместе в html визуальном редакторе при обработке преобразуются в ту самую ссылку, по которым кликают каждый день. Где интернет-адрес-странички это url, который можно увидеть в самой верхней строчке вашего браузера, а анкор это текст, который будет служить в качестве внешнего оформления вашего адреса в интернете.

Я упоминал о визуальном HTML виде. Если вы не поняли, что это значит. Это код, который читают браузеры, обрабатывают его и выдают в человекопонятной форме уже без кода. Так, например, посмотреть оформление любой веб странички можно в любом браузере опцией «Посмотреть исходный код» В огненном лисе это вкладки инструменты — веб разработка.

Активная ссылка также может иметь различные атрибуты, которые задают механизм ее взаимодействия с пользователем. Так для открытия в новой вкладке используется приставка target=»_blank», а при замене текущей вкладки открываемой дополнять код ничем не нужно.

Можно добавить заголовок к ссылке, который будет высвечиваться как всплывающее сообщение при наведении курсора мыши на нее. Добавить нужно конструкцию title=»Ссылка HTML в тексте» В итоге это будет выглядит так:

Анкор

Сделать ссылку в картинке

Иногда встречается иной вид ссылок, которые в качестве анкора имеют не текст, а картинку. Для того чтобы оформить такого рода ссылку необходимо просто вместо текста анкор вставить следующую конструкцию:

Ссылка картинка

Где url-веб-страницы это все тот же адрес веб страницы, а url картинки это адрес картинки в интернете.

Активная ссылка в тексте форума

Для вставки активной ссылки на форум понадобится другой код. На них используется специальный язык программирования, который основан на HTML, но оформляется немного по-другому. Называется он BB-код. Здесь используется не теги, принятые в HTML, а немного видоизмененные символы. Поясню примером.

[url="url-веб-страницы"]Анкор[/url]

Не находите сходства? Полная аналогия с HTML представлением, только знаки <> заменены на [], а вместо буквы а используется url.

При редактировании сообщения на форуме сбоку всегда есть специальные кнопочки, помогающие оформить его так, как вам нужно. Так же можно найти и вставку активной ссылки со всеми BB кодами, которые понимает движек форума.

Ссылка на форуме

Точно также добавляется активная ссылка и в подпись на форуме, просто нужно зайти в свой кабинет, опция «Редактировать подпись» и добавить с помощью той же формы редактора ссылку в BB кодах.

Рекомендую также почитать:


Автор: Александр Писатель. Вы можете оставить отзыв.

Один отзыв
  1. Дмитрий


    Спасибо за статью! Много узнал про анкорный текст и ссылки.

Ваш отзыв