Django模板中若使用{% include %}加载base.html，会导致子模板内容被整体插入而非继承结构，从而使block内容无法正确渲染在header与footer之间；应改用{% extends %}实现模板继承。
django模板中若使用`{% include %}`加载base.html，会导致子模板内容被整体插入而非继承结构，从而使block内容无法正确渲染在header与footer之间；应改用`{% extends %}`实现模板继承。
在Django模板系统中，{% include %}和{% extends %}有本质区别：
-
{% include "base.html" %}：将指定模板的内容原样嵌入当前文件，不支持block替换，仅作片段复用； -
{% extends "base.html" %}：声明模板继承关系，当前模板作为子模板，通过{% block content %}...{% endblock %}向父模板中定义的block区域注入内容。
你当前的index.html错误地使用了{% include "base.html" %}，导致：
- Django先渲染
base.html（此时{% block content %}为空）； - 再单独渲染
index.html中{% block content %}部分——但因未继承，该block被完全忽略； - 最终页面只显示
header+footer，而<p>body</p>可能因HTML解析异常或位置错乱出现在页脚之后。
✅ 正确写法（index.html）：
{% extends "base.html" %}
{% load static %}
{% block content %}
<p>body</p>
{% endblock content %}⚠️ 注意事项：
-
{% extends %}必须是模板中的第一行（前面不能有任何字符，包括空格、换行或注释）； - 子模板中不能重复定义
、、等根级标签（这些应由base.html统一提供）； - 若需在子模板中加载静态文件（如CSS/JS），
{% load static %}可放在{% extends %}之后，不影响继承逻辑。
这样，Django会正确将<p>body</p>注入base.html中{% block content %}的位置，最终渲染为符合预期的线性结构：<h1>header</h1> → <p>body</p> → <h1>footer</h1>，内容自然居中呈现于页眉页脚之间。
