Виды ссылок

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

Взять к примеру ссылку на электронную почту. Обычно её просто пишут - admin@seozar.ru (это моя почта). То есть человеку приходится сперва открыть свой почтовый клиент. Затем скопировать почтовый адрес. И только после этого начинать писать письмо. Но можно сделать намного проще - admin@seozar.ru Просто ткните по ссылке и она автоматически откроет ваш почтовый клиент. Мой адрес будет уже прописан. И вам останется только написать письмо. А сделать это очень просто - пример:

<a href="mailto:admin@seozar.ru" class="z007">admin@seozar.ru</a>

mailto:admin@seozar.ru - ссылка на почту, тут должен быть прописан ваш реальный почтовый адрес.

admin@seozar.ru - отображаемая надпись, пишите всё, что душе угодно.

class="z007" - класс - задать ссылке определённые свойства, что бы почтовая ссылка отличалась от остальных.


Сейчас разберём как использовать изображение в качестве ссылки. Тут тоже нет ничего сложного :) Для примера я возьму логотип своего сайта.

Seozar.ru

<a href="http://seozar.ru/index.php"><img src="http://seozar.ru/images/sozdanie-raskrutka-sajta/logo.png" width="200" height="100" alt="Seozar.ru"></a>

href="http://seozar.ru/index.php" - ваша ссылка на нужную страничку, или файл и т.д. В общем куда надо, туда и ссылка :) Я сделал на главную страницу своего сайта. Далее идёт ссылка на изображение, фотографию, рисунок, которые вы хотите использовать - img src="http://seozar.ru/images/sozdanie-raskrutka-sajta/logo.png" Далее ширина, высота отображаемого изображения. Ну и замещающая надпись - alt="Seozar.ru" Например если у посетителя в браузере будет отключен показ изображений. То он увидит замещающий текст. Кстати, на тег alt поисковики обращают внимание. Так что лучше его заполнить. Для продвижения по определённому поисковому запросу лучше, если тег будет содержать одно из ключевых слов.

Всё, теперь изображение будет работать вместо ссылки. Осталась одна неприятность. Рамка вокруг изображения, цветом как ваши ссылки. Браузер автоматически сделает окантовку толщиной в один пиксель вокруг вашего изображения. Это хорошо и удобно, если вы используете одно изображение в качестве ссылки. Что бы всем было понятно, что это ссылка. Но если вы делаете меню, может это и удобно, но не красиво это точно.

a:focus {outline: none !important;} - пропишите в таблице стилей. И синяя окантовка исчезнет.

Ещё одна небольшая деталь. Очень часто изображения используют для создания меню. Поговаривают, что поисковики не могут его проиндексировать. И поэтому надо обязательно делать карту сайта. Подобное меню стояло у меня на сайте в течении года, карты сайта не было и поисковики прекрасно находили все странички. Но тут лучше перестраховаться. Как говориться, кого то там бог бережёт :)


Ну и напоследок пройдёмся по якорям. Наверное все видели длинные страницы сайта, как портянки в самом деле. Прокручиваешь, прокручиваешь, а ей конца и края нет :) В таком случае обычно где то висит небольшая менюшка со ссылками, или эти ссылки есть в самом тексте. Но эти ссылки ведут не на другие странички сайта. А на эту же страничку, только на другое место, выше, или ниже просматриваемого участка страницы. Вот эти ссылки и называются якорями.

Сейчас их уже практически не используют. Но есть умельцы и по сей день. Так как некоторые считают, что посещаемость возрастёт, или позиции в поисковой выдаче повысятся, если запихать статью на 20000 знаков. И это не придел, я встречал и на 60 тысяч знаков. Или форум, где на одной страничке до 1000 сообщений. Вот это портянка, дак портянка. А теперь представьте, что разрешение экрана у монитора маленькое, или сделан фиксированный размер сайта 600 рх, да ещё шрифт покрупнее, чтоб мало не показалось - вообще тогда капец, состаришься, пока проматывать будешь :)

Но это конечно исключения. Тут довольно широкая сфера применений. Например якоря используют, что бы посетитель не искал нужное сообщение на том же форуме. Где на одной страничке может быть 50 сообщений. А сразу попадал на нужное и т.д.

А сделать якорь просто - наверх Ткните и вас перенесёт наверх этой странички. Тут конечно не портянка, но надеюсь высоты хватит, что бы пример сработал :) Код:

<a name="top"></a> - место назначения. Прописывается там, куда хотите перенести посетителя.

<a href="#top">наверх</a> - ссылка.

Я же говорил, что всё просто. Извините за многословие:)

Немного рекламы :)

Copyright, design, ideas © Mihail. При копировании материалов, ссылка на сайт "Seozar.ru" обязательна. Контакты - admin@halych.ru
Тариф «Первый»: 2 сайта, 1 Гб, 2 MySQL, 2 FTP