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, сохраняет заголовок City Library.

challenge icon

Задание

Легко

Задайте каждой странице собственный заголовок.

  1. В base.html сделайте текст заголовка блоком с именем title и значением по умолчанию Corner Café.
  2. В drinks.html задайте странице /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