django中模板head标签中的内容进入body的奇怪问题解决方法

最新推荐文章于 2021-06-06 18:04:58 发布

大智_Unity玩家

最新推荐文章于 2021-06-06 18:04:58 发布

阅读量1k

点赞数

分类专栏： django 文章标签： django 模板

本文链接：https://blog.csdn.net/zhenghongzhi6/article/details/44230399

版权

django 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

base.html

<!DOCTYPE html>

<html lang="en">
<head>
<meta charset="utf-8">
<title>SecureKids {% block title %}{{title}}{% endblock %}</title>
</head>
<body>
    <div id="page-wrapper">
        <div class="row">
            <div class="col-lg-12">
                <h1 class="page-header">{% block apartado %} {% endblock %}</h1>
            </div>
            <!-- /.col-lg-12 -->
        </div>
        <!-- /.row -->
             <p class="text-success">{% block msg %}{% endblock %}</p>              
            <div class="row">
                    {% block contenido %}---{% endblock %}

            </div><!-- /.row -->


        </div><!-- /#page-wrapper -->
</body>
</html>

extends from base.html

{% extends "base.html" %}
{%load i18n%}
{% block apartado %}
{% trans 'Control Panel' %} <small>{% trans 'Device' %} {{device.name}}</small>
{% endblock %}
{% block contenido %}
<h2>{% trans 'WELLCOME' %}</h2>
<div>
<h3>{% trans 'Child:' %} <small>{{device.child.name}}</small></h3>
<h3>{% trans 'Father's device:' %} <small>{{device.name}}</small></h3>

</div>
{% endblock %}

渲染后的内容

<html lang="en">
<head>
</head>
<body>
"


"
<meta charset="utf-8">
<title>SecureKids </title>


    <div id="page-wrapper">
        <div class="row">
            <div class="col-lg-12">
                <h1 class="page-header">
                    Control Panel <small>Device</small>
                </h1>
            </div>
            <!-- /.col-lg-12 -->
        </div>
        <!-- /.row -->
             <p class="text-success"></p>               
            <div class="row">

                 <h2>WELLCOME</h2>
                 <div>
                   <h3>Child: <small>m</small></h3>
                   <h3>Father's device: <small>m disp</small></h3>

                </div>      
       </div><!-- /.row -->     
   </div><!-- /#page-wrapper -->
</body>
</html>