Django模板中{% block title %}标签失效问题求助

你的问题核心是base.html存在HTML结构错误，导致Django模板引擎无法正确解析模板标签，具体问题和修复方法如下：

问题根源 #

base.html里的<body>标签被错误嵌套在了<head>标签内部，这种不合法的HTML结构会让模板解析逻辑失效，不仅{% block title %}无法生效，{% block content %}标签还会直接被浏览器当作文本显示。

修正后的base.html代码 #

<!DOCTYPE html> 
<html> 
<head>
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <title> {% block title %}{% endblock %}Django </title>
    <script src="https://cdn.tailwindcss.com" ></script> 
</head>        
<body class="bg-teal-600">
    <nav class="flex items-center justify-between px-4 py-6 bg-teal-800">
        <div>
            <a href="/" class="text-xl text-white">Djangochat</a> 
        </div>
        <div class="flex items-center space-x-4">
            <a href="/login/" class="text-white hover:text-gray-200">Log in</a>
            <a href="/signup" class="px-5 py-3 rounded-xl text-white bg-teal-700">Sign up</a>
        </div> 
    </nav>  
    {% block content %}
    {% endblock %}  
</body>
</html>

修改说明 #

• 将<body>标签移到</head>之后，确保HTML结构符合标准：<html>包含<head>和<body>两个同级子元素，而非嵌套关系。
• 修正后，Django模板引擎能正确识别{% block %}标签，子模板frontpage.html的内容会正常替换base.html中对应的块，{% block title %}会生效，{% block content %}标签也不会再显示在页面上。

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