Время чтения: 2 мин. 18 августа 2013 в 8:30 Блог веб-разработчика
Звёзд: 1Звёзд: 2Звёзд: 3Звёзд: 4Звёзд: 5
Загрузка...

Переход вниз сайта при нажатии на ссылку

Сайт дня: Игровые автоматы бесплатно пробки

Может, кто-то и не знает, но на страницах можно ссылаться на якорь. Допустим, пишите Вы пост. В начале указываете заголовки, которые в этом посту будут рассмотрены. И хотите что б по клику на заголовки, пользователя опускало вниз к описанию этого заголовка.

Например:
1. Ссылка на якорь внутри страницы — 1 часть

Я перечитал массу информации, но все везде очень запутано. Как же это сделать ?

Пример. Открываем страницу в HTML и вставляем следующий код:

[php]
<H1>Содержание</H1>
<P><A href="#section1">Введение</A><BR>
<A href="#section2">Предыстория</A><BR>
<A href="#section2.1">Более конкретные заметки</A><BR>
<em>…продолжение содержания…</em>
<em>…тело документа…</em>
<H2 id="section1">Введение</H2>
<em>… раздел 1…</em>
<H2 id="section2">Предыстория</H2>
<em>… раздел 2…</em>
<H3 id="section2.1">Более конкретные заметки</H3>
<em>…раздел 2.1…</em>
[/php]

Суть должна стать ясна. Если же нет, объясню на примере WordPress.
Пример:

Вы видите как бы ссылку, но на самом деле эта ссылка перебрасывает вниз страницы.

Пишем любой текст, делаем его ссылкой, при этом указав в месте адреса ссылки — #
Этот знак и придумать название якоря.
У меня будет #m1

Дальше идем к той строке, на которую хотим что б нас перебросило. Сверху вниз или снизу вверх — не имеет роли. Выделяем то слово или словосочетание или предложение целое, куда хотим что б нас перебрасывало. Нажимаем на Якорь.

Здесь указываем название якоря, который мы указали вверху в ссылке. Я указывал #m1
Но, знак # в самом якоре ставить не нужно. Пишите только название, а то есть: m1

Кто-то скажет: «подумаешь Америку открыл»    Но я же писал!!!

ПРИМЕЧАНИЕ: Якорь, и  ссылка на якорь, должны быть на одной странице.

Якорь —  куда Вас спустило

Похожие статьи

Заказать обратный звонок

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Получить коммерческое предложение

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Какая услуга Вас интересует? *

Допонительные услуги

Комментарий

Получить коммерческое предложение

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Какая услуга Вас интересует? *

Допонительные услуги

Комментарий

Получить консультацию

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Комментарий

Получить консультацию

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Комментарий

[contact-form-7 404 "Not Found"]
[contact-form-7 404 "Not Found"]
Начать сотрудничество
Заполните поля ниже. Я лично перезвоню Вам в течении 15 минут для обсуждения деталей.

Введите ваше имя *

Введите контактный телефон *

Введите контактный Email для отправки точной стоимости

или позвоните мне по телефону
+7-499-70-300-44
Получить консультацию

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Комментарий

[contact-form-7 404 "Not Found"]
Получить коммерческое предложение

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Какая услуга Вас интересует? *

Допонительные услуги

Комментарий

Получить коммерческое предложение

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Какая услуга Вас интересует? *

Допонительные услуги

Комментарий

Заказать услугу
Я свяжусь с Вами в течении 15 минут в рабочее время для обсуждения деталей

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Запись на бесплатный урок
Введите ваше имя, телефон и skype логин.
Я свяжусь с Вами для уточнения времени прохождения урока.

Введите ваше имя *

Введите контактный телефон *

Введите контактный E-mail *

Выберите программу

Промокод

Задать свой вопрос
Напишите свой вопрос. Я прочитаю его, и дам ответ в течении 15 минут.

Введите ваше имя *

Введите контактный email *

Сообщение