Интернет недаром сравнивают с безбрежным океаном, в котором можно отыскать все что угодно, умея перерабатывать информацию, отсеивая ненужное и собирая крупицы важных данных. В океане все взаимосвязано, каждое живое существо состоит в пищевой цепочке и занимает свою нишу. Все сайты, «плавающие» в сети также, буквально пронизаны связывающими ниточками, в роли которых выступают ссылки: их можно представить дверями, ведущими в то место, которое желает нам показать разработчик.
Переход по внутренним страницам ресурса, посещение другого сайта или путешествие по одной странице — все это осуществляется с помощью специального тега <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>. Поэтому пробуйте, стройте по кирпичикам собственный ресурс и пожинайте сладкие плоды успеха.
Загрузка...
Добавить комментарий