Django项目配置meta标签后渲染在body而非head区域问题求解

问题原因 #

你遇到的问题由两个错误共同导致：

• 第一是HTML模板结构语法错误，你错误地将</html>闭合标签放在了<body>标签前面，浏览器解析非法HTML结构时会自动重构DOM树，把原本写在head内的内容迁移到body区域。
• 第二是Django模板默认开启HTML内容转义，你存储在Page_meta字段里的原生HTML标签会被转义为纯文本，无法被识别为有效meta标签，也会进一步导致DOM结构解析异常。

修复步骤 #

1. 修正HTML模板结构+关闭变量转义 #

首先把错位的</html>标签移动到整个文档末尾，同时给meta变量添加safe过滤器关闭Django默认的HTML转义，确保标签能正常解析，修正后的模板代码如下：

<html>
   <head>
       <title> {{ title }} - Farhad Dorod  </title>
       {{ meta|safe }}
   </head>
   <body>  ...  </body>
</html>

注意：safe过滤器仅在你确定Page_meta字段存储的内容完全可控、不存在恶意代码时使用，避免XSS安全风险。

2. 可选优化：减少重复数据库查询 #

你当前在extra_context中两次调用Pages_Meta.objects.get(id = 1)会执行两次SQL查询，可合并为一次查询降低性能损耗，修改后的urls.py代码如下：

page_meta_data = Pages_Meta.objects.get(id = 1)
path('index/',
     LoginView.as_view(
         template_name='app/index.html',
         extra_context=
         {
             'title': page_meta_data.page_title,
             'meta' : page_meta_data.Page_meta,
         }),
     name='index')

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