django 模板继承异常

母版文件

{% load static %}
<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <link href="{% static 'book/css/main.css' %}" rel="stylesheet" />
    <link href="{% static 'book/css/all.min.css' %}" rel="stylesheet" />
</head>
<body>
    <nav class="nav">
        <ul>
            <li><a href="{% url 'about' %}">关于</a></li>
        </ul>
    </nav>
    {% block page_main %}
    {% endblock %}
</body>
</html>

继承文件

{% extends 'book/mother_page.html' %}
{% block page_main %}
aaa
{% endblock %}

显示结果
image.png
image1.png

但是浏览器中源代码没问题
image2.png

如图可见排版出现异常,原本该出现在head标签里的内容出现在了body里,这是为什么?

阅读 2.1k
1 个回答

文件保存为了UTF-8 有BOM 的格式
将文件保存为了UTF-8 无BOM 的格式即可解决问题

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题