Блиц-опрос

Ваше мнение очень важно для автора сайта! Оцените дизайн и контент сайта:

Круто - 50%
Нормалёк - 18.8%
И так сойдет - 18.8%
Полный отстой - 12.5%

Проголосовали: 16
Голосование для этого опроса закончилось on: 31 Дек 2017 - 00:00

Особые виды ссылок

1

Замечательно, что ссылки можно еще использовать для навигации даже по отдельной странице сайта. Когда это бывает полезно? Когда статья очень большая, пользователь идет по вертикальной линейке прокрутки, доходит до конца статьи и видит, на экране монитора нет ни шапки сайта ни меню. Чтобы ему вернуться к началу статьи, ему опять нужно пользоваться мышкой. Так вот, чтобы помочь бедолаге сразу «очутиться» в начале статьи, многие вебмастера и ставят в конце ссылочку «Вернуться к началу» («Вернуться к началу статьи», или что-то подобное). Иногда такую ссылку делают в виде картинки, например – стрелка вверх. Наверняка, вы видели это на многих сайтах. И правильно, что внизу статей стоят такие ссылки, это дружественный жест по отношению к пользователю. А ведь вебмастеру нужно заботиться о комфорте гостя сайта. И он это наверняка оценит и продолжит изучать ваш сайт вместо того, чтобы уйти раздраженным. Метод простой и очень эффективный.

Как сделать ссылку типа «Вернуться к началу статьи»

Итак в HTML документа с вашей статьей сначала ставим якорь прямо перед названием вашей статьи (или перед первым абзацем статьи) в виде особого тега:

<h1><a name="Начало"></a>Заголовок вашей статьи</h1>

Название якорю я дал произвольно («Начало»), но это может быть буква, цифра, любое другое слово. Пользователь не увидит на мониторе этого якоря. Теперь в том же HTML документе в конце статьи вставляем следующий код:

<a href="#Начало">Вернуться к началу статьи</a>

Все, ссылка к началу статьи сделана. Пользователь видит подчеркнутую фразу  «Вернуться к началу статьи» и понимает, что эта ссылка и понимает, куда она ведет. Где расположить эту ссылку – слева, справа или по центру – решать вам. Ссылка, которая сделана, находится в конце статьи — дочитайте статью и кликните по ссылке — все работает!

Как сделать ссылку типа «Вернуться к разделу такому-то»

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

<h2><a name="2"></a>Название второго раздела</h2>

В том месте страницы, где вы хотели бы поставить ссылку на этот раздел, вставьте следующий код:

<a href="#2">Вернуться к разделу «Как сделать ссылку типа „Вернуться к разделу такому-то“»</a>

Проверьте, как работает такая ссылка — она в конце статьи. Вот, собственно, и все.

Как сделать так, чтобы сайт по ссылке открывался в новом окне

Итак, ситуация – у вас на сайте есть ссылка на сторонний ресурс, примерно такая:

<a href="http://www. другой_сайт.ru">http://www. другой_сайт.ru</a>

«Другой_сайт» — это как раз имя стороннего веб-ресурса (доменная зона «.ru» — просто для примера, также как и анкор в виде текста самой ссылки). Посетитель кликает по ссылке, открывается другой сайт на экране монитора, и он видит только две активные кнопки браузера – назад и закрыть. Если нажмет кнопку назад – вернется на ваш сайт, если закрыть, уйдет и с этого сайта и с вашего тоже. Нам это нужно? Теряем посетителей. Есть другой, более правильный способ оформить ссылки на сторонние ресурсы. Нужно просто добавить атрибут target с именем _blank:

<a href="http://www.другой_сайт.ru" target="_blank">http://www. другой_сайт.ru</a>

Та же ссылка, только с таким атрибутом приводит к тому, что браузер открывает указанную ссылку для пользователя в «новом окне». В этом случае пользователь видит на экране монитора страницу стороннего сайта, при этом единственная активная кнопка в браузере – закрыть.
Посетителю ничего не остается, как нажать на кнопку закрыть, чтобы уйти со стороннего сайта, и, о – чудо! Посетитель возвращается на ваш сайт. Таким образом вы удержали гостя на вашем сайте! А это дорого стоит.

Как сделать ссылку типа «Добавить в Избранное»

Сейчас этот вопрос не считается актуальным. Считалось, что такая конструкция воспринимается только браузером Internet Explorer, но я проверял так же и в Opera, Mozilla, Firefox. Вроде работает.

<a href="http://www.popbusiness.ru" title="Популяризация интернет-бизнеса" onclick="window.external.AddFavorite (this.href, this.title); return false;" rel="sidebar">Добавить в избранное (закладки)</a>

Все вышесказанное относится и к сайтам на движкам, просто ссылки нужно вставлять в визуальном редакторе, переключенном в режим «код HTML».

Вепнуться к разделу «Как сделать ссылку типа „Вернуться к разделу такому-то“

 

Вернуться к началу статьи

 

Добавить в избранное (закладки)

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

Защитный код
Обновить

Поделитесь с друзьями!

Поиск по сайту