燒瓶html模板繼承問題 - 混合元素

大家好！從Flask中的另一個模板繼承時遇到問題。我的第一個文件的layout.html看起來是這樣的：燒瓶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>

任何人都可以解釋爲什麼發生這種情況

來源

2017-09-23 Jakub Riegel

無法重現，您是否嘗試過不同的瀏覽器？ – PRMoureu

Chrome和IE都顯示相同的 –

JS腳本中的某些內容可能有罪？ – PRMoureu

也許點亮？有點太晚了...問題是，我改變了我的IDE。在我使用PyCharm之前，我切換到了Visual Studio。看起來他們都使用不同的編碼，並且在遷移過程中有些東西被破壞創建新文件和複製內容是解決方案。

來源

2018-02-27 21:52:33

燒瓶html模板繼承問題 - 混合元素

回答

相關問題