HTML от А до Я / Ссылки

+ Введение Ссылки Графика Таблицы Фреймы Теги Расширения Размещение Раскрутка
Реклама

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

Тег управляющей ссылки выглядит как <a href=. То есть название тега <a>, а HREF параметр, указывающий значение ссылки (данный тег без параметров не применяется). В простейшем случае в качестве значения параметра "href" указывается файл (например HTML-документ) на который нужно перейти при клике по ссылке.

Все, что находится внутри тега <а> является ссылкой. Ссылки могут быть абсолютными и относительными.

Относительная ссылка-это ссылка на файл, без указания полного пути к нему. Путем к нему будет считаться активная папка, в которой находится HTML-документ. Например <a href="data.html">Link</a> или <a href="../dat/data.html">Link</a> - относительные ссылки. Только в первом случае файл data.html находится в текущей папке, а во втором в каталоге dat на уровне текущей папки.

Абсолютная ссылка указывает абсолютное положение файла, то есть с полным путем к нему. Например <a href="http://www.dom.ru/~docs/put.html">Link</a>. В данном примере мы ссылаемся на файл put.html, находящийся на сервере www.dom.ru в папке ~docs. Кстати так же можно ссылаться на файлы вашего локального диска, хоть относительной, хоть абсолютной ссылкой. Только пробелы в названиях каталогов или файлов лучше заменять символами "%20", так как большинство броузеров передает адреса в кодировке UTF-8, а чистые пробелы могут быть восприняты как разделитель параметров. Так например если мы хотим сослаться на файл находящийся на C:/Мои документы/Русский язык.doc, то нам необходимо вставить тег <a href="C:/Мои%20документы/Русский%20язык.doc">Русский язык</a>. Тогда наша ссылочка будет выглядеть так: Русский язык.

Между прочим использовать кириллицу в адресах интернет-страниц не рекомендую. Ссылка в документе отображается кодировкой документа, а передается в UTF и кириллица может интерпретироваться неправильно, тогда файл, на который мы ссылаемся, станет недоступным.

Ссылки могут быть без указания HTML-документа, а только с указанием адреса сервера или сайта. Тогда будет загружен документ, принятый по умолчанию на сервере (обычно index.html, index.htm). ссылаться на файлы можно по любым протоколам, если это протокол http то например: http://www.server.ru/index.html, если ftp то, например: ftp://www.server.ru/ftp/file.zip и т.п. Ссылка на e-mail выглядит так: <a href="mailto:user@e-mail.ru">Пишите нам</a>. При клике на нее будет открыто окно создания сообщения с уже указанным адресом user@e-mail.ru. Если нужно заполнить еще и поле "Тема сообщения" в почтовом клиенте, то создайте ссылку с указанием переменной поля subject. Такая ссылка будет выглядеть так: <a href="mailto:user@e-mail.ru?subject=Передать Васе">Пишите нам<a>. Ну а если нужно еще и заполнить тело письма, то так: <a href="mailto:user@e-mail.ru?subject=Передать Васе&body=Привет, Вася!">Пишите нам<a>.

Кроме параметра "href" тег <a> может иметь еще ряд параметров. Например параметр "name" назначает строке, где стоит ссылка, метку (закладку, анкер, якорь) к которой потом можно обратиться при помощи ссылки с названием метки на конце, перед которым стоит символ #. Например нам необходимо сослаться на определенную строку текущего (необязательно) документа. Мы заключаем эту строку, либо ее часть, в конструкцию <a name="aces">Нам бродягам все равно.</a>. Тем самым дав строке "Нам бродягам все равно" имя "aces". Чтобы обратиться (еще называется скатиться) к этой строке мы создаем ссылку <a href="#aces">Цитата</a>. Теперь кликнув по ссылке "Цитата" мы попадем к строке "Нам бродягам все равно". Если мы хотим сослаться к этой строке из другого документа, то перед #aces мы должны будем поставить ссылку на документ, например: <a href="citate.htm#aces">Цитата</a>. Параметр "name" может применяться одновременно с другими параметрами, например с тем же "href", тогда у нас получится ссылка с именем.

Еще один полезный параметр "target". В частности этот параметр применяется в страницах с фреймами, указывает в какой фрейм загружать документ. Но он полезен и в обычных страницах. Например ссылка <a href="text.htm" target="new">Новое окно</a> откроется в новом окне броузера (вместо new может быть любое другое слово). А если значение параметра target начинается с символа "_", то ссылка откроется в том же окне, но если это окно было поделено на фреймы, то они будут удалены.

Так же полезным параметром является параметр "title". Он показывает пояснение (всплывающую подсказку) к ссылке, когда на нее наведен указатель мыши. Например наведите указатель на эту ссылку.

Остальные параметры тега <a> смотрите в списке основных тегов.

Реклама
Карта сайта