Ставим html-метки
В этой статье мы поговорим о таким удобном способе создания оглавления в документе, как метка. Наерняка, гуляя по интернету, вы встречали эту вещь. Заключается она в следующем: внутри одного большого документа, состоящего из множества параграфов, но расположенных в одном файле можно сделать эквивалент оглавления, или списка быстрого доступа. Вверху выписываются параграфы, освященные в статье и привязываются к сответственным загаловкам параграфов в статье гиперссылками. Таким образом, пользователь, кликнув по элементу оглавления автоматически попадает на то самое место, где этот параграф начинается. Другими словами 0 браузер прокручивает документ до тех пор, пока не "докрутит" до соответствующего заголовка. Делается это достаточно тривиально, мотайте на ус :)
Собственно процедура состоит из двух этапов.
1) Поставить метку в тексте.
2) Поставить ссылку на метку в оглавлении.
Реализация не менее тривиальная:
1) <a name="metka1">Собственно сам заголовок в тексте</a>
2) <a href="#metka1">Ссылка на заголовок </a>
Пояснение. Давайте выберем элемент текста, который будет инициализироваться, как метка. Можно даже одну букву, ведь какая разница, крутить до текста или до буквы :) Эту самую букву/текст заключим между тегами
и Таким образом мы определили первую метку. Теперь надо поствавить на нее ссылку. Вот так:
Ссылка То есть аналогия, как и у обычных гиперссылок, только в качаетве URL задается внутренняя метка.
Ниже вы видите пример, в одном лучае ссылка приведет вверх документа, в другом - вниз.
Крутить в начало статьи Крутить в конец статьи
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
\/ PS. Вот, собственно и вся технология HTML-меток. Просто и удобно. Пользуйтесь на здоровье :)
Автор: Кушнерук Денис