0Pricing
Flask Academy · Урок

Определение базового шаблона с блоками

Создайте макет с переопределяемыми областями блоков.

«Определение базового шаблона с блоками» — бесплатный урок Flask Academy на CoddyKit. Это урок 1 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения Flask Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс Flask Academy содержит 4 уроков всего.

Части этого урока еще не переведены и отображаются на английском.

Layouts Repeat Everywhere

Every page on your site shares the same header, nav, and footer. Copying that HTML into each template is a maintenance trap. A base template fixes it. 🧩

One Skeleton, Many Pages

A base template holds the full HTML skeleton once. Child pages reuse it and only fill in the parts that differ, so shared markup lives in a single file.

Blocks Mark the Holes

Inside the base, a block marks a region that child pages can override. Everything outside a block is fixed and shared by every page.

Declare a Block

You open a region with a named block tag and close it with endblock. Anything between them is the default content for that slot.

<title>{% block title %}My Site{% endblock %}</title>

A Real Base Skeleton

This base.html wraps the doctype, head, and body once. The title and content blocks are the only parts pages will customize.

<!DOCTYPE html>
<html>
<head>
  <title>{% block title %}Site{% endblock %}</title>
</head>
<body>
  {% block content %}{% endblock %}
</body>
</html>

Name Your Blocks Clearly

Give each block a descriptive name like content, title, or sidebar. Child pages reference blocks by that exact name when they override them.

Blocks Can Hold Defaults

Content between the block tags is a default. If a child page does not override the block, the visitor sees this fallback text instead.

{% block footer %}&copy; CoddyKit{% endblock %}

Where the Base File Lives

Keep the layout in your templates folder, usually named base.html. Child templates point back to it by this path when they extend it.

Plan Blocks Before Coding

Think about which page areas actually change: title, main body, maybe a sidebar. Each changing area becomes one block in your base layout.

Blocks Can Nest

A block may sit inside another block, like a head block holding a styles block. Nesting lets pages tweak fine details without redefining the whole region.

Less Markup to Maintain

With a base template, updating the nav once changes every page at once. That single source of truth is the whole point of a shared layout. ✨

Quick Check

What is the purpose of a block tag in a base template?

Recap: Base Templates

A base template holds shared markup once and exposes named blocks as customizable slots. Next you will extend this base from child pages. 🎯

Часто задаваемые вопросы

Урок «Определение базового шаблона с блоками» бесплатный?

Да — полный текст урока «Определение базового шаблона с блоками» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс Flask Academy, подпишись на CoddyKit PRO. Курс Flask Academy содержит 4 уроков всего.

Чему я научусь в уроке «Определение базового шаблона с блоками»?

Создайте макет с переопределяемыми областями блоков. Ты практикуешь Flask Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.

Нужен ли мне опыт, чтобы начать Flask Academy?

Предыдущий опыт не требуется. Flask Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 1 из 4.

Сколько времени занимает урок «Определение базового шаблона с блоками»?

Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.

Можно ли писать и запускать код в этом уроке Flask Academy?

Да. Каждый урок Flask Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.

Все уроки этого курса

  1. Определение базового шаблона с блоками
  2. Расширение базового шаблона в дочерних страницах
  3. Подключение повторно используемых фрагментов
  4. Макросы для повторяющейся разметки
← Назад к Flask Academy