Связь между веб-страницами
Начнём эту главу с определения, которое уже встречалось нам ранее. Гипертекст - это текст, который содержит ссылки и позволяет осуществлять переходы как внутри себя, так и на другие ресурсы, веб-страницы или сервера. Происходят данные переходы чаще всего с помощью нажатия левой кнопкой мыши на какую-либо ссылку, которая в тексте, обычно, неким способом выделена.
В html ссылки задаются с помощью тега выделенный фрагмент текста. Если вместо надписи "адрес, на который будет осуществляться переход" написать "examples/html/second.html", получим запись вида: выделенный фрагмент текста, которая будет работать следующим образом: выделенный фрагмент текста. Это и есть гиперссылка (ссылка).
Если в ссылку, расположенную выше, добавить атрибут target="blank", который отобразится так: выделенный фрагмент текста, то ссылка откроется в новой вкладке: выделенный фрагмент текста. А если вместо слова blank, написать _blank (выделенный фрагмент текста), тогда ссылка будет всегда открываться в новых окнах: выделенный фрагмент текста. Помимо имени окна (name) "blank", атрибут "target" может содержать следующие имена окон:
- self. Открывает ссылку в том же окне, задаётся по умолчанию;
- parent. Открывает веб-страницу в родительском фрейме, если такового не имеется, то работает как self;
- top. Отменяет все фреймы и загружает веб-страницу в полном окне браузера, если фреймов нет, работает как self.
Важно: Если в адресе перехода не указан каталог (папка) или сервер, на который должен производиться переход, то переход будет осуществлён внутри текущего каталога (папки) или сервера. Как мы видим файл second.html находится в каталоге html, который, в свою очередь, расположен в папке examples, поэтому полный путь к файлу прописывается как examples/html/second.html
В теге для ссылок могут задаваться следующие атрибуты:
- alink. Используется для указания цвета активных ссылок (по умолчанию красный), пример: ;
- link. Используется для указания цвета ещё не нажатых ссылок (по умолчанию голубой), пример ;
- vlink. Используется для указания цвета нажатых ссылок (по умолчанию, вроде, фиолетовый), пример .
Ссылки можно делать не только на веб-страницы, но и на различные файлы, главное указывать их расширение, например если написать трек, то браузер перейдёт к музыкальному треку с названием song.mp3 (если таковой имеется в вашем каталоге). Также с помощью ссылок, можно сделать так, чтобы пользователи вашего сайта могди написать вам письмо. Для этого надо сделать ссылку вида: Напишите мне и получится следующего вида ссылка: , только в ней указан мой электронный адрес (если хотите, можете мне что-нибудь написать, если нет, значит нет).
Помимо простого перехода к веб-странице можно также перейти к заранее указанному месту на странице. Делается это с помощью, так называемых, якорей (опорных точек в html-документе). Например с веб-страницы 1.html нужно перейти к фразе: "доброе утро", которая расположена на странице 2.html. Для этого на странице 2.html необходимо создать якорь (иногда говорят "кинуть якорь") доброе утро. Затем в файле 1.html следует определить переход на этот якорь переход к якорю "доброе утро (ABC)". Вот и всё. Также переходы к якорям можно осуществлять внутри самой веб-страницы. Например, отметим слово "Гипертекст" в начале этой главы якорем "A". Как видно, это слово в тексте выглядит как ссылка (только красная), обычно никак не выделяется, здесь выделено специально. Далее делаем ссылку вида: переход к якорю "Гипертекст (A)". Вот и сама ссылка в действии переход к якорю "Гипертекст (A)". Якоря удобно использовать для массивных веб-страниц, например одна большая веб-страница, а сбоку или наверху содержание с главами, нажав на которые браузер перескакивает на нужные фрагменты текста. Также многие браузеры отличают большие буквы от маленьких и, если назвать якорь "FED" и указать в ссылке на якорь слово "fed" или "Fed", то браузер просто не найдёт якорь "FED" в тексте.
2011 год.