Ссылки в HTML (1)...*"``
Sunlight, 26 января 2014 г., 20:34

  Всем привет, друзья-товарищи! Мы продолжаем говорить о HTML и сегодня поговорим о ссылках. 
 
  Ссылка - один из самых важных моментов html-документа. Каждый раз, выходя в сеть, вы многократно кликаете разные картинки и тексты, после чего, как ни странно, попадаете на нужные вам страницы (или не нужные, что бывает чаще всего). Никто из вас даже не задумывался, что страница, на которую вы попали, кликнув ссылку, может находиться на том же сервере, что и предыдущий документ, а может на другом, который расположен в каком-нибудь "Тридевятом царстве", а не замечаете вы, потому что переход осуществляется мгновенно. 
 
  Как отличить ссылку от обычного текста? Думаю, что каждый из вас понимает это, но всё же скажу, что ссылки чаще всего отличаются визуально от обычного текста, они могут быть выделены другим цветом либо подчеркнуты при наведении на неё курсора мыши, мы сразу же заметим на экране не привычную стрелку, а ладошку. Как же добиться всех этих результатов, давайте рассмотрим всё по порядку. 
 
  За все преображения отвечает так называемый "тег-контейнер", который состоит из тегов < a> < /a>. Ответственность за то, куда направить пользователя после клика, лежит на атрибуте href. 
 
  Наглядный пример. Открываем блокнот, пишем простой HTML-код:
 
 (Фотография не найдена) 
 
На выходе получаем:
 
 (Фотография не найдена)
 
 Вот, уяснили этот вопрос, теперь давайте перейдем к следующему. Что же такое абсолютная и относительная адресация? Давайте представим, что у нас есть сайт, зарегистрирован домен с именем javagala.ru (сложно представить, но всё же...). Все страницы нашего сайта будут храниться на сервере в двух папках public и private. В папке public содержатся такие файлы, как: index.html и download.html, а в папке private - faq.html и personazhi.html. Взглянем на структуру сайта.
 
 (Фотография не найдена) 
 
 При таком раскладе абсолютная адресация будет выглядеть, как полный путь к файлу, т.е. в ссылке будут указаны протокол, сервер, каталог и страницы: 
 
 (Фотография не найдена) 
 
 и
 
 (Фотография не найдена) - 
 
 к файлу download.html 
 
 При относительной адресации указывается не полный путь к файлу, а от каталога, в котором хранится исходный файл. Закрепим все наглядным примером. Если мы хотим разместить ссылку со страницы index.html (исходный файл) на страницу download.html, смотрим на структуру сайта, обе страницы лежат в одном каталоге (имеют один уровень), значит, путь к файлу может выглядеть, как: 
 
 (Фотография не найдена) 
 
 Соответственно, если нам нужно указать ссылку со страницы index.html на страницу personazhi.html, смотрим, ага, страницы хранятся в разных каталогах, поэтому задаем путь следующим образом: 
 
 (Фотография не найдена) 
 
 и 
 
 (Фотография не найдена) -
 
 для страницы faq.html. 
  Две точки вначале означают, что мы заставляем подняться в иерархии папок на уровень выше, после клика по ссылке. 
 
  Друзья, лично я рекомендую все внутренние ссылки указывать абсолютной адресацией, потому что может случиться такое, что вы внезапно захотите поменять доменное имя сайта, тогда вам не потребуется менять все внутренние ссылки на вашем сайте, так как структура папок будет сохранена. Ну, а при указании внешних ссылок, вам придется прописывать полный путь, тут ничего не поделаешь.
 
 Ссылки открываются в новой вкладке браузера! 
 
  Создали вы сайт, начали на нем зарабатывать, один из самых эффективных способов заработка - реклама (об этом мы тоже поговорим). Но вот неприятность, ведь пользователь, кликнув по рекламной ссылке, автоматически уйдет с вашей странички, как же удержать его? Вам поможет параметр  target="_blank" , после правильного указания его в HTML пользователь кликает по рекламной ссылке, переходит на сайт рекламодателя, но и с вашего не уходит, ведь рекламный сайт открывается в новой вкладке браузера...
 
 (Фотография не найдена)
 
 =====> 
 
 (Фотография не найдена) 
 
  Думаю, на приложенном скриншоте прекрасно видно, что вкладка с вашим сайтом остается открыта, но и страница, ссылка которой была указана в вашем html-документе, тоже доступна к просмотру, но в новой вкладке.
 
  Ладно, друзья, не буду вас грузить, пробуйте, экспериментируйте, а во второй части статьи попытаюсь рассказать об использовании якорей и подсказок. Всем спасибо, пока-пока!
 
  Веsельчаk*"``  

6 0
Просмотров: 214
Подписок на автора: 116
Поделиться
Статья находится в выпуске: Выпуск №40

К разделу

Назад