Тег ссылок в HTML – ссылки это основа Интернета

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


Переход по внутренним страницам ресурса, посещение другого сайта или путешествие по одной странице — все это осуществляется с помощью специального тега <a>. Ссылками направляют и ведут посетителей в далекие и неизведанные места, где льется манна небесная, текут кисельные реки и именно здесь пользователи найдут необходимую информацию.

Ссылки

Немного истории

Название тега <a> и </a> произошло от английского anchor, что переводится как якорь, по-русски такие теги называют анкорами. Без них не обходится ни один сайт, да и раскрутить ресурс без ссылок не получится, так как та же перелинковка страниц, осуществляемая с помощью данного тега, положительно влияет на рейтинг сайта. Общий вид анкора  выглядит как

, но программистам было неинтересно созерцать унылые, хоть и очень полезные переходы.

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

Различные виды ссылок

Ссылки бывают двух основных видоввнутренние и внешние. Как вполне понятно из названия, внешние переходы соединяют якорной цепью различные ресурсы, а внутренние — связывают вместе страницы одного сайта. Это в первую очередь необходимо для поисковых систем, которые «заглянув» на главную страничку, через пункт меню (или карту сайта) могут пробежаться по всему веб-ресурсу и проиндексировать все страницы.

Вот простой пример внутренней ссылки: переход на любую страницу

В этом примере пользователи увидят весь текст, но кликабельным будет только «мы попадаем».

Пример внешней ссылки: посетите вражеский ресурс

Соответственно, какой веб-адрес мы укажем, туда нас великий интернет и отправит.

Различные варианты ссылок:


  • внутренняя ссылка, перемещающая нас на главную страничку.

  • посещение почтового ящика.

  • изображение в роли ссылки.

  • комбинированная ссылка, в которой задействован и текст и изображение.

  • в данной ссылке атрибутом title обеспечивается всплывающий комментарий, появляющийся при наведении курсора.

  • в данной ссылке атрибут blank отвечает за то, чтобы ссылка открылась в новом окне вашего браузера. Если прописать вместо blank атрибут self — ссылка откроется в текущем окне.

Если у вас получились очень длинные страницы, наполненные познавательной информацией, тогда можно использовать переход по самой странице, например, в определенное ее место. Осуществляется это таким образом:

На то самое место, куда должна перебросить ссылка ставится:

Как вы сами видите — больше интересно, чем сложно. Даже удивительно, какие горизонты и возможности открывает нам тег <a>. Поэтому пробуйте, стройте по кирпичикам собственный ресурс и пожинайте сладкие плоды успеха.

Теги: , ,

Предыдущая/следующая

Поделиться в соц сетях:

Twitter Facebook Vk Googlepluse Linkedin

Подпишитесь на обновления этого блога по RSSRSS, RSSMAILEmail или TwitterTwitter!

Случайная подборка из рубрики:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Обсуждаемые темы:

Авторизация
*
*
Регистрация
*
*
*
Генерация пароля