Как сделать содержание при помощи внутренних ссылок

Пример такого содержания мы можем видеть на страницах Wikipedia, в блоке содержание. То есть это внутренние ссылки, которые ведут на конкретное место в статье или на странице. Такие ссылки нужно делать, если статья большая, и необходима навигация по основным разделам.

Внутренние ссылки в HTML

Для начала формируем список разделов. Пусть это будет обычный текстовый список. Затем делаем их ссылками, по примеру ниже:

<a href="#идентификатор1">Первый раздел</a>

<a href="#идентификатор2">Второй раздел</a>

<a href="#идентификатор3">Третий раздел</a>

Красным я выделила идентификаторы, которые мы будем вставлять в код текста. Обязательно используйте знак # перед идентификатором.

Теперь находим то место в статье, в которое должен попасть пользователь автоматически, нажимая на первую внутреннюю ссылку. И по примеру ниже, вставляем код перед нужным текстом:

Текст статьи1

<a name="идентификатор1"></a>

Текст статьи2

И при нажатии, пользователь попадет на текст, который находится после кода. То же самое совершаем с другими частями текста, просто вставляя код с нужным идентификатором. Хочу заметить, что идентификатор должен быть написан латинскими буквами.

Если статья понравилась, буду рада, если вы поделитесь ею в социальных сетях. Если у вас возникли вопросы, задавайте их ниже в комментариях.

Поделиться в соц. сетях

Опубликовать в Google Plus
Опубликовать в Мой Мир
Опубликовать в Одноклассники

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *