Сервер Web своими руками. Язык HTML, приложения CGI и ISAPI

       

Локальные ссылки внутри документа


Если длина документа HTML велика, имеет смысл организовать ссылки на его отдельные логически самостоятельные части, расположив их, например, в начале документа. Такие ссылки мы будем называть локальными ссылками в документе.

Пусть вы создаете документ с именем book.htm, который состоит из нескольких глав. В начале документа вы желаете разместить оглавление, содержащее ссылки на отдельные главы.

Прежде всего вы должны определить в начале каждой главы локальные метки. Для этого следует использовать оператор <A> с параметром NAME, как это показано ниже:

<H2><A NAME="Chapter1">Первая глава</A></H2>

. . .

Содержимое главы

. . .

<H2><A NAME="Chapter2">Вторая глава</A></H2>

. . .

Содержимое главы

. . .

<H2><A NAME="Chapter3">Третья глава</A></H2>

. . .



Содержимое главы

. . .

<H2><A NAME="Chapter4">Четвертая глава</A></H2>

. . .

Содержимое главы

. . .

Здесь для заголовков глав определяются метки с именами Chapter1, Chapter2, Chapter3 и Chapter4.

Ссылки на созданные таким образом локальные метки выполняются также с помощью оператора <A>, имеющего параметр HREF:

<A HREF="book.htm#Chapter1">Первая глава</A>

<A HREF="book.htm#Chapter2">Вторая глава</A>

<A HREF="book.htm#Chapter3">Третья глава</A>

<A HREF="book.htm#Chapter4">Четвертая глава</A>

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

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


В листинге 5. 1 мы привели исходный текст документа HTML, в котором созданы две локальные ссылки на две таблицы, имеющие различное оформление.

Листинг 5.1. Файл chap5\local.htm

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">

<HTML>

  <HEAD>

    <TITLE>Локальные ссылки в документе HTML</TITLE>

  </HEAD>

  <BODY BGCOLOR=#FFFFFF>

    <P><A HREF="local.htm#tab1_1">Таблица с двойным заголовком</A>

    <P><A HREF="local.htm#tab1_2">Таблица с двойным заголовком и подписью</A>

    <H2><A NAME="tab1_1">Таблица с двойным заголовком</A></H2>

    <TABLE BORDER WIDTH=100%>

      <CAPTION VALIGN=TOP >Табл. 1.1. Таблица с двойным заголовком</CAPTION>

        <TR><TH COLSPAN=3>Заголовок для всех столбцов</TH></TR>

        <TR><TH COLSPAN=2>Стобец 1 и 2</TH><TH>Столбец 3</TH></TR>

        <TR><TD>000</TD><TD>001</TD><TD>002</TD></TR>

        <TR><TD>010</TD><TD>011</TD><TD>012</TD></TR>

        <TR><TD>100</TD><TD>101</TD><TD>102</TD></TR>

    </TABLE>

    <H2><A NAME="tab1_2">Таблица с двойным заголовком и подписью</A></H2>

    <TABLE BORDER WIDTH=100%>

      <CAPTION ALIGN=BOTTOM>Табл. 1.2. Таблица с двойным заголовком</CAPTION>

      <TR><TH COLSPAN=3>Заголовок для всех столбцов</TH></TR>

      <TR><TH COLSPAN=2>Стобец 1 и 2</TH><TH>Столбец 3</TH></TR>

      <TR><TD>000</TD><TD>001</TD><TD>002</TD></TR>

      <TR><TD>010</TD><TD>011</TD><TD>012</TD></TR>

      <TR><TD>100</TD><TD>101</TD><TD>102</TD></TR>

     </TABLE>

  </BODY>

</HTML>


Содержание раздела