Структура и навигация

На странице есть всё, что нужно посетителю, а в конец мы добавили адрес приюта. Но по её коду не понять, что это за часть страницы, а на телефоне, чтобы добраться до часов посещения, посетителю приходится пролистывать всех кошек. Исправим и то и другое.

Сначала придайте странице структуру, как вы делали со страницей о кошке в уроке «Продвинутые HTML-элементы». Заголовок и вступление образуют шапку страницы. Основное содержимое состоит из двух разделов, Наши кошки и Часы посещения, в каждом — всё, что к нему относится, а адрес помещается в подвал.

Затем добавьте вверху страницы навигацию: две ссылки, которые ведут посетителя сразу к разделам. Когда закончите, попробуйте ссылки в окне предпросмотра.

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