Создание гиперссылки внутри одного и того же документа или на определенный фрагмент другого документа распадается на две части. Сначала надо создать фрагмент, который сможет служить целью гиперссылки, а затем – гиперссылку на фрагмент.
Для того чтобы снабдить фрагмент идентификатором, предназначен тег <a> с атрибутом name. Вот пример:
<h3><a name=»Section_7″>Раздел 7</a></h3>
В качестве альтернативы можно применять атрибут id, помещая цель гиперссылки прямо в определяющий тег, например в заголовок:
<h3 id=»Section_7″>Раздел 7</h3>
Гиперссылка на фрагмент записывается при помощи тега <a> с атрибутом href, при этом значение атрибута – URL цели гиперссылки – заканчивается именем фрагмента, перед которым ставится знак решетки (#). Ссылка на идентификатор фрагмента из предыдущего примера может выглядеть так:
Смотрите <a href=»index.html#Section_7″>Раздел 7</a> для дополнительной информации.
В настоящее время идентификаторы фрагментов употребляются чаще всего при создании оглавлений больших документов. Начните с разбиения документа на несколько логических разделов, используя подходящие заголовки и последовательное форматирование. В начале каждой части, обычно в заголовке, вставьте идентификатор фрагмента этого раздела. Завершите свою деятельность, поместив в начало документа список ссылок на данные идентификаторы.
Документ, выбранный нами в качестве образца, восхваляет жизнь и деяния могучего кумквата. Материал очень большой и сложный, включает в себя много интересных разделов и подразделов. Это документ, который надо читать и перечитывать. Чтобы поклонники кумкватов всего мира могли быстро находить интересующие их темы, мы
вставили идентификаторы фрагментов в заголовки всех главных разделов и поместили их упорядоченный список – оглавление, снабженное гиперссылочным механизмом, – в начало каждого документа библиотеки «Поклонников кумквата». Ниже приведен пример с образцами идентификаторов фрагментов. Многоточие (…) означает, конечно, что пропущен кусок содержимого:
…
<h3>Table of Contents</h3>
<ol>
<li><a href=»#soil_prep»>Подготовка Почвы</a>
<li><a href=»#dig_hole»>Рытье ям</a>
<li><a href=»#planting»>Посадка деревьев</a>
</ol>
…
<h3 id=soil_prep>Подготовка Почвы</h3>
…
<h3 id=dig_hole>Рытье ям</h3>
…
<h3 id=planting>Посадка деревьев</h3>
…
Поклонник кумквата может, таким образом, щелкнуть на понравившейся ему гиперссылке в оглавлении и прямо перескочить к интересующему его разделу, что позволяет избежать скучного пролистывания документа.
Обратите внимание на то, что в этом примере использованы относительные URL, что может оказаться очень удобным для сохранения ссылочной целостности, если вам когда нибудь придется перемещать или переименовывать документ.