Как устанавить ссылки внутри страниц - Якоря на свои страницы. — "Весёлая жизнь"
-->
  • 8 февраля 2018Стало известно, сколько заработал Путин за 6 лет
  • 8 февраля 2018Кудрин рассказал о повышении пенсионного возраста
  • 2 января 2018Как варить фасоль быстро
  • 2 января 2018Почему Навальный не может баллотироваться в Президенты?
  • 31 декабря 2017Путин в новогоднем поздравлении пожелал россиянам успехов и благополучия
  • 21 марта 2016ПЕТИЦИЯ ЗА ПЕРЕНОС СТОЛИЦЫ КУЗБАССА В НОВОКУЗНЕЦК НАБИРАЕТ ОБОРОТЫ
  • 15 марта 2016Кузбассовцев зовут бороться с наркотиками
Стало известно, сколько заработал Путин за 6 лет 8 февраля 2018 | 0 комментариев
Стало известно, сколько заработал Путин за 6 лет
   Президент России Владимир Путин за последние 6 лет заработал более 38,5 млн рублей. Такие данные появились в декларации на сайте Центральной избирательной комиссии.
Подробнее
Кудрин рассказал о повышении пенсионного возраста 8 февраля 2018 | 0 комментариев
Кудрин рассказал о повышении пенсионного возраста
   Экс-министр финансов, председатель совета Центра стратегических разработок Алексей Кудрин рассказал, что повышение пенсионного возраста для россиян неизбежно. Кудрин считает, что для развития...
Подробнее
Как варить фасоль быстро 2 января 2018 | 0 комментариев
Как варить фасоль быстро
1.          Залейте  фасоль  очень холодной водой и поставьте на средний огонь. Не накрывайте кастрюлю крышкой, иначе она приобретет  темный  и...
Подробнее
Почему Навальный не может баллотироваться в Президенты? 2 января 2018 | 0 комментариев
Почему Навальный не может баллотироваться в Президенты?
 Добрый день уважаемые друзья! Мне недавно задали вопрос, почему Навальный не может баллотироваться в Президенты? Честно говоря я тоже слышал об этом, но не вникал. Согласитесь, при его...
Подробнее
Путин в новогоднем поздравлении пожелал россиянам успехов и благополучия 31 декабря 2017 | 0 комментариев
Путин в новогоднем поздравлении пожелал россиянам успехов и благополучия
  Президент России Владимир Путин в новогоднем поздравлении пожелал россиянам успехов и благополучия, а также перемен к лучшему в каждой семье, поскольку Новый...
Подробнее
ПЕТИЦИЯ ЗА ПЕРЕНОС СТОЛИЦЫ КУЗБАССА В НОВОКУЗНЕЦК НАБИРАЕТ ОБОРОТЫ 21 марта 2016 | 0 комментариев
ПЕТИЦИЯ ЗА ПЕРЕНОС СТОЛИЦЫ КУЗБАССА В НОВОКУЗНЕЦК НАБИРАЕТ ОБОРОТЫ
  В конце минувшей недели на сайте OnlinePetition  появилась петиция, обращённая к президенту Владимиру Путину , с просьбой о переносе столицы Кузбасса из Кемерова в Новокузнецк.
Подробнее
Кузбассовцев зовут бороться с наркотиками 15 марта 2016 | 0 комментариев
Кузбассовцев зовут бороться с наркотиками
  В регионе с 14 по 25 марта проходит антинаркотическая акция "Сообщи, где торгуют смертью".
Подробнее
 
 
Новости форума
1 сентября 2018, на форуме: «WordPress – Создание сайта с нуля.»
Председатель начинает тему:
22 августа 2018, на форуме: «Скрипты разное»
Председатель начинает тему:
25 июня 2018, на форуме: «Строительство + я»
Просто Мария начинает тему:
реклама 4
 

Как устанавить ссылки внутри страниц - Якоря на свои страницы.

#1
Администратор Вип участник
Председатель
Аттестат псевдонима Формальный аттестат Начальный аттестат
Сообщений: 117
Новокузнецк
2 дня назад
Рассмотрим следующий пример: на название заголовка (темы, новости и т.д.) - ставим такую ссылку (для полной ясности я использую пример на этой странице и сделаю ссылку в самом низу страницы "Якоря" на свой загаловок на этой странице с названием - "Пример заголовка якорной ссылки")

И так, загаловок мы прописываем следующим образом:

<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крипт плавного перехода.

На этом описание ссылок внутри страниц закончено.
Редактировалось: 1 раз (Последний: 26 февраля 2018 в 00:36)
Перейти на форум:
Другие темы:

Наш "У дачный сайт" всегда Вам рады.

 Быстрый ответ. Перед написанием Ознакомьтесь с правилами Форума..

вы не можите писать на форуме.   Нобходима  регистрация.

Возникли вопросы пишите !!!) 

Яндекс.Метрика

наверх