Локальные ссылки внутри документа
Если длина документа 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>
