Définir un modèle de base avec des blocs
Créez une mise en page avec des zones de blocs redéfinissables.
Définir un modèle de base avec des blocs est une leçon Flask Academy gratuite sur CoddyKit. Ceci est la leçon 1 sur 4. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage Flask Academy, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours Flask Academy comprend 4 leçons au total.
Certaines parties de cette leçon n'ont pas encore été traduites et s'affichent en anglais.
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 %}© 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. 🎯
Questions Fréquemment Posées
La leçon « Définir un modèle de base avec des blocs » est-elle gratuite ?
Oui — le texte complet de « Définir un modèle de base avec des blocs » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours Flask Academy, passe à CoddyKit PRO. Le cours Flask Academy comprend 4 leçons au total.
Qu'est-ce que j'apprendrai dans « Définir un modèle de base avec des blocs » ?
Créez une mise en page avec des zones de blocs redéfinissables. Tu pratiques Flask Academy avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.
Dois-je avoir de l'expérience pour commencer Flask Academy ?
Aucune expérience préalable n'est requise. Flask Academy sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 1 sur 4.
Combien de temps prend la leçon « Définir un modèle de base avec des blocs » ?
La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.
Peux-tu écrire et exécuter du code dans cette leçon Flask Academy ?
Oui. Chaque leçon Flask Academy inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.
Toutes les leçons de ce cours
- Définir un modèle de base avec des blocs
- Étendre le modèle de base dans les pages enfants
- Inclure des fragments réutilisables
- Macros pour le balisage répétitif