Ставим html-метки

В этой статье мы поговорим о таким удобном способе создания оглавления в документе, как метка. Наверняка, гуляя по интернету, вы встречали эту вещь. Заключается она в следующем: внутри одного большого документа, состоящего из множества параграфов, но расположенных в одном файле можно сделать эквивалент оглавления, или списка быстрого доступа. Вверху выписываются параграфы, освященные в статье и привязываются к сответственным загаловкам параграфов в статье гиперссылками. Таким образом, пользователь, кликнув по элементу оглавления автоматически попадает на то самое место, где этот параграф начинается. Другими словами 0 браузер прокручивает документ до тех пор, пока не "докрутит" до соответствующего заголовка. Делается это достаточно тривиально, мотайте на ус :)

Собственно процедура состоит из двух этапов.
1) Поставить метку в тексте.
2) Поставить ссылку на метку в оглавлении.

Реализация не менее тривиальная:
1) <a name="metka1">Собственно сам заголовок в тексте</a>
2) <a href="#metka1">Ссылка на заголовок </a>

Пояснение. Давайте выберем элемент текста, который будет инициализироваться, как метка. Можно даже одну букву, ведь какая разница, крутить до текста или до буквы :) Эту самую букву/текст заключим между тегами и Таким образом мы определили первую метку. Теперь надо поствавить на нее ссылку. Вот так: Ссылка То есть аналогия, как и у обычных гиперссылок, только в качаетве URL задается внутренняя метка.

Ниже вы видите пример, в одном лучае ссылка приведет вверх документа, в другом - вниз.

Крутить в начало статьи | Крутить в конец статьи

|

|

|

|

|

|

|

|

|

|

|

|

|

|

|

|

|

|

\/

P.S. Вот, собственно и вся технология HTML-меток. Просто и удобно. Пользуйтесь на здоровье :)

В раздел "Web-дизайн" | В раздел "Статьи" | Наверх страницы