Flask html 模板继承问题 - 混合元素

Question

大家好！从 Flask 中的另一个模板继承时遇到问题。我的第一个文件 layout.html 看起来像这样：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Flask</title>
    <link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">
    <script type="text/javascript" src="script.js"></script>
</head>
<body>
    <header>
        <h1>Some header</h1>
    </header>
    <content>
        {% block content %}{% endblock %}
    </content>
</body>
</html>

第二个"main.html":

{% extends "layout.html" %}

{% block content %}<p>test</p>{% endblock %}

一切看起来都不错，但是当我在浏览器中加载页面时，元素看起来像这样（从头部的所有内容都移到了主体：

<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body>
<meta charset="UTF-8">
<title>Flask</title>
<link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">
<script type="text/javascript" src="script.js"></script>
<header>
        <h1>Some header</h1>
</header>
<content>
    <p>test</p>
</content>
</body>
</html>

谁能解释为什么会这样？

Answer 1

也许有点太晚了...问题是，我已经更改了 IDE。在我使用 PyCharm 之前，我切换到 Visual Studio。看起来他们都使用不同的编码并且在迁移过程中出现了问题。创建新文件并复制内容是解决方案。

Flask html 模板继承问题 - 混合元素

Flask html templates inheritance issue - mixed elements

python

html

flask

jinja2

flask-extensions