5.2.2. Локальні посилання усередині документа

Якщо довжина документа HTML велика, має сенс організувати посилання на його окремі логічно самостійні частини, розташувавши їх, наприклад, на початку документа. Такі посилання називають локальними посиланнями в документі.

Нехай створюється документ з ім'ям book.htm, що складається з декількох глав. На початку документа необхідно розмістити зміст, що містить посилання на окремі глави.

Насамперед, треба визначити на початку кожної глави локальні мітки. Для цього варто використовувати оператор <А> із параметром NAME, як це показано нижче:

<Н2><А NAМЕ="Сhapterг1">Перший розділ</А></Н2>

…

Вміст глави

…

<Н2><А NAМЕ="Сhapter2">Другий розділ</А></Н2>

…

Вміст глави

…

<Н2><А NAME="Chapter3">Tpe^ глава</А></Н2>

…

Вміст глави

…

<Н2><А NАМЕ="Сhapter4">Четвертий розділ</А></Н2>

…

Вміст глави

…

Тут для заголовків глав визначаються мітки з іменами Chapteri, Chapter! , Chapter3 і Chapter4.

Посилання на створені в такий спосіб локальні мітки виконуються також за допомогою оператора <А>, що має параметр HREF:

<А HREF="book.htm#Chapter1">Перший розділ</А>

<А НRЕF="Ьооk.htm#Сhapter2">Другий розділ</А>

<А НRЕF="Ьооk. htm#Сhapter">Третій розділ</А>

<А НRЕF="Ьооk. htm#Сhapter4">Четвертий розділ</А>

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

Проте, завантаження великого документа може зажадати багато часу. Тому варто роздивитися можливість поділу документа на декілька файлів HTML з організацією змісту у виді окремого документа, що містить тільки посилання.

У листинге 5.1 приведений вихідний текст документа HTML, у якому створені два локальні посилання на дві таблиці, що мають різноманітне оформлення.

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

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

<HTML>

<HEAD>

<ТIТLЕ>Локальні посилання в документі HTML</TITLE>

</HEAD>

<BODY BGCOLOR=#FFFFFF>

<P><A НRЕF="lосаl.htm#tаЬ1_1">Таблиця з подвійним заголовком</А>

<Р><А НRЕF="lосаl.htm#tab1_2">Таблиця з подвійним заголовком і підписом</А>

<Н2><А NАМЕ="tаЬ1_1">Таблиця з подвійним заголовком</А></Н2>

<TABLE BORDER WIDTH=100%>

<CAPTION VALIGN=TOP ALIGN=RIGHT>Ta6л. 1.1. Таблиця з подвійним заголовком</ САРТION>

<TR><TH COLSPAN=3>3aгoлoвок для всіх стовпчиків</ТН></ТR>

<TR><TH COLSPAN=2>Cтoлбцы 1 і 2</ТН><ТН>Стовпчик 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">Таблиця з подвійним заголовком і підписом</А></Н2>

<TABLE BORDER WIDTH=100%>

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

<TR><TH COLSPAN=3>3aгoлoвок для всіх стовпчиків</ТН></ТR>

<TR><TH COLSPAN=2>Cтoлбцы 1 і 2</ТН><ТН>Стовпчик 3</TH></TR>

<TR><TD>000</TD><TD>OO1</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>