Изучаем Python

(2) . . . .

. . . . . . data-toggle="collapse" data-target="#navbar"

. . . . . . aria-expanded="false" aria-controls="navbar">

. . . .

(3) . . . .

. . . . . . Learning Log

. . . .

. . . .

(4) . . . .

(5) . . . .

? . . . . . .

Topics

. . . .

. . . .

? . . . .

. . . . . .{% if user.is_authenticated %}

. . . . . .

Hello, {{ user.username }}.

. . . . . .

log out

. . . . . .{% else %}

. . . . . .

register

. . . . . .

log in

. . . . . .{% endif %}

? . . . .

. . . .

. . . .

. .

. .

Первый элемент — открывающий тег . Тело файла HTML содержит контент, который будет виден пользователям на странице. В точке (1) элемент

обозначает раздел навигационных ссылок на странице. Весь контент внутри этого элемента оформляется по правилам Bootstrap, определяемым селекторами navbar, navbar-default и navbar-static-top. Селектор определяет, к каким элементам страницы должно применяться стилевое правило.

В точке (2) шаблон определяет кнопку, которая будет отображаться, если ширины окна браузера не хватает для горизонтального отображения всей навигационной панели. Когда пользователь нажимает кнопку, навигационные элементы выводятся в раскрывающемся списке. Атрибут collapse сворачивает навигационную панель при уменьшении размеров окна браузера и при отображении сайта на мобильных устройствах с малыми экранами.

В точке (3) имя проекта выводится у левого края навигационной панели. Так как это имя будет присутствовать на каждой странице проекта, оно оформляется в виде ссылки на домашнюю страницу.

В точке (4) определяется набор ссылок для навигации по сайту. Панель навигации фактически представляет собой список, начинающийся с

(5), а каждая ссылка является элементом списка (
• ) ?. Чтобы включить новые ссылки, добавьте строки со следующей структурой:

Текст

Эта строка представляет одну ссылку на навигационной панели. Ссылка берется непосредственно из предыдущей версии base.html.

В точке ? создается второй список навигационных ссылок, на этот раз с использованием селектора navbar-right. Селектор navbar-right оформляет набор ссылок так, что он выводится в правой части навигационной панели, где обычно отображаются ссылки для входа/регистрации пользователя. В данном случае выводится либо приветствие для пользователя и ссылка для выхода, либо ссылки для регистрации и входа. Остальной код этого раздела закрывает элементы, содержащие навигационную панель ?.

Определение основного раздела страницы

Оставшаяся часть base.html содержит основной контент страницы:

...

(1) . .

. .

(2) . . . .{% block header %}{% endblock header %}

. .

. .

(3) . . . .{% block content %}{% endblock content %}

. .

. .