Рассмотрим следующий пример: на название заголовка (темы, новости и т.д.) - ставим такую ссылку (для полной ясности я использую пример на этой странице и сделаю ссылку в самом низу страницы "Якоря" на свой загаловок на этой странице с названием - "Пример заголовка якорной ссылки")
И так, загаловок мы прописываем следующим образом:
<a name="yakoray">Пример заголовка якорной ссылки</a>
Где:
<a name="yakoray"> - это, если можно так назвать, ссылочное имя нашему заголовку. Имена, в нашем случае "yakoray", можно давать абсолютно любые (только чтобы не повторялись) из латинских букв и строго без цифр.
Далее рассмотрим пример ссылки, которая будет у вас стоять в содержании, меню или навигации, где при нажатии на неё произойдёт автоматическое перемещение на наш "Заголовок", в данном случае в нашем примере на заголовок "Пример заголовка якорной ссылки" (выше).
Якорная ссылка у нас будет иметь такой вид:
<a href="#yakoray">Якоря</a>
Обратите внимание: "#" на этой ссылке ставится обязательно, а так же имена "yakoray" прописываются в обоих случаях строго одинаково.
И последнее, смотрим что у нас получилось. При нажатии внизу на нашу ссылку "Якоря" (ниже) мы перемещаемся строго на наш загаловок Пример заголовка якорной ссылки.
Теперь рассмотрим пример, когда статья или новость находится на одной странице, а якорную ссылку мы хотим разместить на другой странице.
Практически тоже самое, только здесь указываем полный путь в ссылке.
Загаловок остаётся без изменений:
<a name="yakoray">Пример якорной ссылки</a>
Якорная ссылка выглядит уже так:
<a href="http://age-dragon.com/scripts/yakorya.html#yakoray"> Якоря </a>
Соответственно, как и при работе с обыкновенными ссылками, здесь так же можно использовать вместо текста любую картинку.
И наконец последнее, разберём тот случай, когда при клике на ссылку "Наверх" мы сразу перемещаемся в самое начало страницы.
Данная ссылка очень простая:
<a href="#"><h6>Наверх</h6></a>
А вот для плавного перехода на верх страницы нам потребуется уже ява скрипт, и эту тему мы рассмотрим на примерах в статье cкрипт плавного перехода.
На этом описание ссылок внутри страниц закончено.
