Иллюстрированный самоучитель по Web-графике

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

Иногда оказывается полезным организовать ссылки на разделы одного и того же документа. Например, на своей странице вы размещаете статью объемом в несколько десятков страниц как единый HTML-документ. Скорее всего, вам захочется сделать ссылки на предыдущие или последующие разделы этого документа. Речь идет о ссылках не на другие HTML-документы, а на определенные места того же самого документа. Такие ссылки еще называют закладками. Для них нужны две вещи: якорь и собственно ссылка. Якорь определяет место в документе, к которому происходит переход по ссылке. Ссылка использует имя якоря вместо имени (адреса) файла.

Формат якоря:

<A NAME="имя_якоря">текст_на_экране</A>

Формат ссылки:

<A HREF="#имя_якоря">текст_на_котором_щелкать</A>

Ниже приводятся программа, демонстрирующая применение ссылок в пределах одного документа, и вид этого документа в окне браузера. Мы используем ссылки при создании оглавления документа, а также ссылки из текста одних глав на другие главы.

<HTML>
  
<HEAD>
    <TITLE>Ссылки в пределах одного документа</TITLE>
</HEAD>
  
<BODY>
    Здесь используются текстовые ссылки на разделы в пределах одного и того же документа. При щелчке на ссылке окно браузера будет прокручиваться до тех пор, пока не появится соответствующий ссылке якорь.
    <H2>Содержание</H2>
    <P>
        <A HREF="#Глава1">Глава1. Основы HTML</A>
        <BR>
        <A HREF="#Глава2">Глава2. Примеры программ</A>
        <H2><A NAME="Глава1">Глава1. </A>Основы языка HTML</H2>
        В этой главе мы собираемся рассмотреть основные элементы языка HTML. На языке HTML создаются документы, которые могут быть опубликованы в Интернете. После изучения основных конструкций языка мы подробно рассмотрим примеры программ (
        <A HREF="#Глава2">см. главу 2</A>).
        <P>
            <H2><A NAME="Глава2">Глава 2. </A>Примеры программ</H2>
            Здесь мы рассмотрим примеры программ с использованием элементов языка, которым посвящена
            <A HREF="#Глава1 ">Глава1. </A>
            Прежде всего рассмотрим применение текстовых ссылок.
</BODY>
  
</HTML>

Иллюстрированный самоучитель по Web-графике › Элементы языков HTML и JAVASCRIPT › Ссылки в пределах одного документа
Рис. 658. Пример документа, содержащего ссылки на свои разделы и отдельные фрагменты

Если Вы заметили ошибку, выделите, пожалуйста, необходимый текст и нажмите CTRL + Enter, чтобы сообщить об этом редактору.