Введение в язык HTML - Ссылки на другие документы

Written on . Posted in HTML, CSS, JavaScript

ОГЛАВЛЕНИЕ

Страница 3 из 11

Ссылки на другие документы

Основная мощь HTML происходит из его возможности связывать части текста ( и даже изображения) с другими документами. Просмоторщик выделяет эти области (обычно цветом и/или подчеркиванием) показывая, что это гипертекстовая ссылка (часто сокращаемое до гиперссылки или просто ссылки).

Одиночный гипертекстовый связующий HTML tag: <A>, его называют anchor (якорь). Чтобы включить anchor в свой документ:

  1. Начните anchor с <A . (После A стоит пробел.)
  2. Определите документ, на который будет указывать ссылка, введя параметр xhref="имя_файла" и, после этого, закрывающую скобку: >
  3. Наберите текст, который будет служить гипертекстовой ссылкой в текущем документе.
  4. Завершите anchor набрав tag: </A>.

Вот пример гипертекстовой ссылки: 

    <A xhref="MaineStats.html">Maine</A>

Это выражение делает слово ``Maine'' гипертекстовой ссылкой на документ MaineStats.html, который находится в той же директории, что и первый документ. Вы можете сделать ссылку и на документ из другой директории, указав относительный путь из текущего документа к документу, на который делается ссылка. Например, ссылка на файл NJStats.html расположенный в поддиректории AtlanticStates будет выглядеть так: 

    <A xhref="AtlanticStates/NJStats.html">New Jersey</A>

Это называется относительной ссылкой. Вы можете использовать также полное имя файла. Для указания пути используйте стандартный синтаксис UNIX.

Относительные ссылки в сравнении с абсолютными путями до файлов

В основном Вы должны использовать относительные ссылки, потому что

  1. Вам меньше набирать текста.
  2. Легче переместить группу документов в другое место, потому что относительные ссылки останутся корректными.

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

Uniform Resource Locator

World Wide Web использует Uniform Resource Locators (URLs) для указания расположения файлов на других серверах. URL включает тип (способ) доступа к ресурсу (gopher, WAIS, ...), адрес сервера и местоположение файла. Синтаксис:

scheme://host.domain[:port]/path/filename

где scheme является одним из:

file


файл Вашей локальной системы или файл ``анонимного'' FTP-сервера
http
файл World Wide Web сервера
gopher
файл Gopher сервера
WAIS
файл WAIS сервера
news
группа новостей Usenet
telnet
Telnet связь

Значение Port может быть опущено. (Не указывайте это, пока кто-нибудь явно не укажет Вам на необходимость использования).

К примеру, для включения ссылки на этот пример в свой документ, Вы должны использовать: 

    <A HREF = "http://www.ncsa.uiuc.edu/General/Internet/WWW/HTMLPrimer.html"> 
    NCSA's Beginner's Guide to HTML</A>

Это сделает текст ``NCSA's Beginner's Guide to HTML'' ссылкой на оригинал этого документа.

Дополнительную информацию по URL смотрите:

  • WWW имена и адреса, URIs, URLs, URNs, написанное в CERN-е.
  • Руководство по URL для начинающих, расположенное в Help меню просмотрщика "NCSA Mosaic".

Ссылки на конкретные места в других документах html

Ссылки (anchors) также могут быть использованы для перехода к определенным частям других документов. Предположим, вы хотите сделать ссылку из документа А на некоторую часть документа В. (Назовем этот файл documentB.html.) Во-первых, Вам необходимо создать named anchor (именованный якорь, ссылка с именем) в документе В. Например, чтобы создать anchor с именем ``Jabberwocky'' в документе В, наберите: 

    Это <A NAME = "Jabberwocky">некоторый текст</a>

Теперь, когда вы будете создавать ссылку из документа А, включите в нее не только имя файла с документом В, но и конкретное место в нем, разделенные символом (#). 

    Это моя <A HREF = "documentB.html#Jabberwocky">ссылка</A> на документ В.

Теперь нажатие на слово ``ссылка'' в документе А отправит читателя сразу к словам ``некоторый текст'' в документе В.

Ссылки на конкретные места в текущем документе html

Техника построения ссылок такая-же, за исключением того, что имя файла не требуется.

К примеру, для ссылки на ``Jabberwocky'' anchor изнутри того-же самого файла (документ В), надо использовать: 

    Это <A HREF = "#Jabberwocky">ссылка на Jabberwocky</A> изнутри документа В.
html форум