Ссылки внутри страницы
Последнее применение ссылок — переход к части текущей страницы. Для этого нам снова понадобится атрибут id. Дадим разделу «Породы» атрибут id:
<div id="breeds">
...
</div>Ссылка на этот раздел выглядит так:
<a href="#breeds">Породы</a>Знак # в начале значения href говорит о том, что мы ссылаемся на элемент текущей страницы, а breeds — это id этого элемента. Щелчок по ссылке прокручивает страницу к нему.
Есть один особый случай:
<a href="#">Наверх</a>Если значение href — просто #, щелчок по ссылке прокручивает страницу в самое начало.
Такие ссылки часто используют для оглавления: списка ссылок в начале длинной страницы, по одной на каждый раздел. В Википедии оно есть в каждой статье подлиннее. Давайте создадим оглавление и для нашей страницы.
Задание
- 1
Задайте трём элементам
divатрибутid: первому —description, второму —physiology, третьему —breeds. - 2
Под ссылкой с изображением кошки создайте оглавление: маркированный список (
ul) из трёх пунктов, в каждом — ссылка на один из разделов. Содержимое ссылок —Описание,ФизиологияиПороды, а ведут они на#description,#physiologyи#breeds. Первый пункт выглядит так:<li><a href="#description">Описание</a></li>. Затем попробуйте ссылки в окне предпросмотра.