Главная страница Содержание Учебник по Html Словарь тегов Гостевая книга Напиши мне

Ссылки.

Ступенька 16 - "Закладка. Как сделать ссылку внутри документа. Практические советы написания ссылок".

Иногда возникает такая ситуация, что нам нужно сделать ссылку не на другой документ, а внутри того же документа на какую-то его часть. Ссылка такого рода называется закладкой, в народе именуемая "якорем". Такая навигация внутри одного и того же документа весьма удобна. Создаваться она может двумя способами.

Способ первый - с помощью атрибута name (имя закладки) тэга <a></a> :

    <html>
    <head>
    <title>Пример закладок</title>
    </head>
    <body>
    <H2>Григорий Остер, "Вредные советы.<BR>
    Книга для непослушных детей и их родителей".</H2><BR>
    <A href="#stih1">Ссылка на стих первый</A><BR>
    <A href="#stih2">Ссылка на стих второй</A><BR>
    <A href="#stih3">Ссылка на стих третий</A><BR>
    Недавно ученые открыли, что на свете бывают непослушные дети, которые все делают наоборот. Им дают полезный совет: "Умывайтесь по утрам" - они берут и не умываются. Им говорят: "Здоровайтесь друг с другом" - они тут же начинают не здороваться. Ученые придумали, что таким детям нужно давать не полезные, а вредные советы. Они все сделают наоборот, и получится как раз правильно.
    <H3><A name="stih1">Стих первый</A></H3>
    <PRE>
    ... текст первого стиха...
    </PRE>
    <H3><A name="stih2">Стих второй</A></H3>
    <PRE>
    ... текст второго стиха...
    </PRE>
    <H3><A name="stih3">Стих третий</A></H3>
    <PRE>
    ... текст третьего стиха...
    </PRE>
    </body>
    </html>     посмотреть
Мы сделали закладками: стих первый, стих второй, стих третий в нашем примере.

Заметьте - в тэге <A href="#stih3"> - символ решетки (#) перед именем закладки, на которую мы ссылаемся, обязателен!

Вы можете ссылаться на закладку и из других документов, тогда ссылка будет выглядеть следующим образом:
<A href="*.html#stih3"> Ссылка на стих третий из какого-то другого документа </A>
или <A href="http://www.mysite.ru/*.html#stih1"> Ссылка на стих третий из какого-то другого документа </A> (имя сайта, имя документа + имя закладки).

Способ второй - с помощью атрибута id, который назначает тэгу (элементу) уникальное имя в пределах одного документа (кроме тэгов Base, Head, Html, Meta, Script, Style, Title).

    <html>
    <head>
    <title>Пример закладок 2</title>
    </head>
    <body>
    <H2>Григорий Остер, "Вредные советы.<BR>
    Книга для непослушных детей и их родителей".</H2><BR>
    <A href="#stih1">Ссылка на стих первый</A><BR>
    <A href="#stih2">Ссылка на стих второй</A><BR>
    <A href="#stih3">Ссылка на стих третий</A><BR>
    Недавно ученые открыли, что на свете бывают непослушные дети, которые все делают наоборот. Им дают полезный совет: "Умывайтесь по утрам" - они берут и не умываются. Им говорят: "Здоровайтесь друг с другом" - они тут же начинают не здороваться. Ученые придумали, что таким детям нужно давать не полезные, а вредные советы. Они все сделают наоборот, и получится как раз правильно.
    <H3 id="stih1">Стих первый</A></H3>
    <PRE>
    ... текст первого стиха...
    </PRE>
    <H3 id="stih2"> Стих второй</A></H3>
    <PRE>
    ... текст второго стиха...
    </PRE>
    <H3 id="stih3">Стих третий</A></H3>
    <PRE>
    ... текст третьего стиха...
    </PRE>
    </body>
    </html>     посмотреть
Если вы сравните примеры между собой, то увидете, что ничего не изменилось и все действует также как в первом, так и во втором примерах. Поэтому вы можете использовать спокойно любой из этих двух способов.

Никогда не записывайте так:
<A href="#stih">Ссылка на ...</A><BR>
<A name="STIH">Закладка</A>

Если вы напишите имя закладки большими буквами, а, ссылаясь, укажете это имя маленькими, то браузер может посчитать это за два разных имени (а может и за одно), поэтому во избежание ошибок учитывайте это, и пишите имена в одном регистре.

Вот некоторые практические советы написания ссылок:

  • Избегайте чрезмерного связывания. Если каждое слово в вашем документе - связь, то читатель не знает, какая же связь полезна.
  • Когда вы используете сокращение или технический термин, который не объясняется в вашем документе, попытайтесь найти пригодный, дающий объяснения документ, на который можно установить связь. Делать ли это в каждом случае, зависит от обстоятельств.
  • Когда упоминается лицо или организация, желательно, установить связи на личную домашнюю страницу или домашнюю страницу организации (если это возможно).
  • Когда вы ссылаетесь на документ, укажите связь к нему, если информация доступна на Web (или, по крайней мере, приведите библиографическую справку о нем).
  • Если у вас есть информация, которую вы хотите сделать доступной через Web, но которая менее важна (для большинства читателей, по крайней мере), чем ваш главный документ, создайте отдельный HTML – файл (или группу файлов) и введите раздел в главном документе, например, Дополнительная информация, проставив соответствующие связи.
  • Если вам требуется указать связи из одной точки к нескольким документам (например, когда вы упоминаете компьютерную программу, вам надо привязать к ней краткое описание, полное руководство, FTP – сайт – для загрузки и т.д.), создайте небольшой файл, содержащий эти связи с соответствующим объяснениями, и дайте связь на него.
  • Попытайтесь сделать текст связи кротким, но емким.
  • Пользователи обычно ожидают, что получат больше информации по теме , где есть связь. Если этого не происходит, предоставьте им соответствующие объяснения. В частности, когда вы создаете связь с FTP, давая URL – указание на место расположения двойного файла, сделайте это четко в тексте, чтобы было понятно, что означает выбор этой связи.
  • Связывайтесь только с действительно нужной информацией. Пытайтесь установить связь с короткими, написанными ясным языком документами, которые содержат дальнейшие связи к более детальной, технической информации. Например в документах, написаных для обширной аудитории, избегайте связывания со стандартами ISO – или RFC – документами.

[ Назад: Ступенька 15-ая ] [ Далее: Ступенька 17-ая ]