Incluya parciales reutilizables
Incorpore barras de navegación y pies de página con include.
Incluya parciales reutilizables es una lección gratuita de Flask Academy en CoddyKit. Esta es la lección 3 de 4. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de Flask Academy, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de Flask Academy incluye 4 lecciones en total.
Partes de esta lección aún no han sido traducidas y se muestran en inglés.
Some Parts Are Shared, Not Page-Wide
A navbar or footer appears on many pages but is not the whole layout. For these chunks you reach for include instead of inheritance. 🧱
extends vs include
Use extends to inherit a full skeleton, but use include to drop a small reusable snippet into the current template at that spot.
The include Tag
The include tag pastes another template file right where you place it. The included file renders as if its markup were written inline.
{% include "navbar.html" %}A Partial Is Just a Template
A partial is an ordinary template holding only a fragment, like a nav bar. Naming it _navbar.html signals it is meant to be included.
<nav><a href="/">Home</a></nav>Include in Your Base
You can include a partial inside the base so every page that extends it gets the navbar automatically, with no repeated markup.
<body>
{% include "navbar.html" %}
{% block content %}{% endblock %}
</body>Partials See the Context
An included partial can read the same variables as the page that includes it, so a navbar can show the logged-in user name.
{% include "navbar.html" %}Pass Extra Context
You can hand a partial its own values with with, scoping variables so the snippet stays focused and predictable.
{% include "card.html" with context %}Tolerate a Missing File
Add ignore missing so a missing partial is skipped silently instead of crashing the page render.
{% include "ads.html" ignore missing %}Keep Partials Small
A good partial does one job: a footer, a flash message bar, a single card. Small, focused fragments are easy to reuse and reason about.
Organize Partials in a Folder
Group fragments under a partials subfolder and reference them by that path. It keeps full pages and reusable snippets clearly separated.
{% include "partials/footer.html" %}Edit Once, Update Everywhere
Fix the footer in its partial and every page that includes it updates together. That single edit is exactly why include exists. ✨
Quick Check
When should you reach for include instead of extends?
Recap: Partials
Use include to embed small shared snippets like navbars and footers. Keep them tiny, folder-organized, and edit them in one place. 🎯
Preguntas frecuentes
¿La lección «Incluya parciales reutilizables» es gratis?
Sí — el texto completo de «Incluya parciales reutilizables» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de Flask Academy, actualiza a CoddyKit PRO. El curso de Flask Academy incluye 4 lecciones en total.
¿Qué aprenderé en «Incluya parciales reutilizables»?
Incorpore barras de navegación y pies de página con include. Practicas Flask Academy con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.
¿Necesito experiencia previa para empezar Flask Academy?
No se requiere experiencia previa. Flask Academy en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 3 de 4.
¿Cuánto tiempo toma la lección «Incluya parciales reutilizables»?
La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.
¿Puedo escribir y ejecutar código en esta lección de Flask Academy?
Sí. Cada lección de Flask Academy incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.
Todas las lecciones de este curso
- Defina una plantilla base con bloques
- Extienda la plantilla base en páginas hijas
- Incluya parciales reutilizables
- Macros para marcado repetido