Menu
CoddyTech

Заголовок для каждой страницы

Часть раздела Основы Django путешествия по Django на Coddy. Урок 18 из 23.

Поскольку /drinks/ наследует шаблон base.html, его заголовок — Corner Café, как и на главной странице. Это можно исправить с помощью блока, потому что блок может содержать содержимое по умолчанию. Страница, которая заполняет блок, заменяет содержимое по умолчанию; страница, которая пропускает его, сохраняет его.

<h1>{% block heading %}City Library{% endblock %}</h1>
<article>{% block body %}{% endblock %}</article>

Шаблон может содержать столько блоков, сколько нужно, и у каждого может быть своё имя. Эта страница заполняет оба блока:

{% extends "library/base.html" %}

{% block heading %}Opening Times{% endblock %}
{% block body %}<p>Until 20:00.</p>{% endblock %}

Страница, которая заполняет только body, сохраняет заголовок «Городская библиотека».

challenge icon

Задание

Легко
  • В base.html сделай текст заголовка блоком с именем title и значением по умолчанию Corner Café.
  • Задай для /drinks/ заголовок Our Drinks | Corner Café. Главная страница сохраняет значение по умолчанию.

Нажми Запустить: на /drinks/ в заголовке сайта отображается Our Drinks | Corner Café.

Попробуйте сами

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Corner Café</title>
</head>
<body>
    <nav>
        <a href="{% url 'menu:home' %}">Home</a>
        <a href="{% url 'menu:drinks' %}">Drinks</a>
        <a href="{% url 'menu:about' %}">About</a>
    </nav>
    <main>
        {% block content %}{% endblock %}
    </main>
</body>
</html>
quiz iconПроверьте себя

В этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.

Все уроки раздела Основы Django

Потренируйтесь самостоятельно: Песочница Django