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

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

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

Ссылки

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

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

<a href="URL либо имя требуемого файла">текст анкора</a>

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

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

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

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

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

<a href="pag3.html">мы попадаем</a> на третью страничку нашего замечательного сайта

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

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

Приготовьтесь <a href="http://site.com/"> нас перебросит на чужой сайт</a>, просто кликните мышкой

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

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

  • <a href="index.html">наш сайт</a>

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

  • <a href="mail.ru">мой почтовый ящик</a>

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

  • <a href="http://site.com/"><img src="img.png" alt="" /></a>

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

  • <a href="http://site.com/"><img src="img1.png" alt="" />лучшие фотки</a>

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

  • <a title="самый лучший сайт" href="http://site.com">Сайт полезных советов</a>

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

  • <a href="pag1.html" target="_blank">Страница 1</a>

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

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

<a href="#link">тут будет находиться текст</a>

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

<a name="link"></a>здесь идет продолжение текста

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

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

Рекомендуемые публикации:

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

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