Django页面Header未渲染问题排查：已定义块但无法显示

我尝试渲染一个带有Header的页面，但Header未被渲染，categories.html的内容显示完全正常。我已在index.html页面中添加了header块，请问我哪里操作有误？

涉及文件代码 #

index.html #

{% load static %}

<link rel="icon" href="{% static 'stocks/logo.png' %}">
<html>
<body>
    <div>
        {% block header %}
        {% endblock %}
    </div>

    {% block stocks_page %}
    {% endblock %}
</div> <!-- 此处存在多余的闭合标签，建议删除 -->
</body>

</html>

header.html #

{% extends "stocks/index.html" %}

{% block header %}

<h1>Header content goes here</h1>

{% endblock %}

categories.html #

{% extends "stocks/index.html" %}

{% load static %}
{% block stocks_page %}
<link rel="stylesheet" type="text/css" href="{% static 'stocks/style.css' %}">

{% if categories %}
<h2>Product categories</h2>
<table>
    <tr>
        <th>Name</th>
        <th>Count</th>
    </tr>
    {% for each in categories %} 
        <tr>
            <td>{{ each.name }}</td>
            <td>{{ each.count }}</td>
        </tr>
    {% endfor %}
</table>
{% endif %}
<form action="/stocks/" method="post">
    {% csrf_token %}
    {{ form }}
    <input type="submit" value="Submit">
</form>
{% endblock %}

views.py #

def product_categories(request):
        ----------------------
        <code>
        ----------------------
        return render(request, 'stocks/categories.html')

你当前渲染的categories.html直接继承自index.html，而index.html的header块是空的。header.html虽然填充了header块，但它只是一个独立模板，categories.html并未引用它，所以Header内容不会被加载。

有两种简单的解决方式：

方案一：让categories.html继承header.html #

修改categories.html的第一行，将继承目标替换为header.html，利用模板多层继承特性：

{% extends "stocks/header.html" %}

这样categories.html会先继承已经填充好header块的header.html（它本身继承了index.html），再渲染自己的stocks_page块，即可同时显示Header和分类内容。

方案二：直接在categories.html中添加Header内容 #

若不想增加继承层级，可直接在categories.html中补充header块的内容：

{% extends "stocks/index.html" %}

{% load static %}
{% block header %}
    <h1>Header content goes here</h1>
{% endblock %}

{% block stocks_page %}
<!-- 原有的分类页面内容 -->
{% endblock %}

另外注意：index.html中{% endblock stocks_page %}后面的多余</div>会导致HTML结构错误，建议删除。

内容的提问来源于stack exchange，提问作者Ahmer