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>

第二个＆＃34; main.html＆＃34;：

{% 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模板继承问题 - 混合元素

1 个答案: