django에서 템플릿 헤드 탭의 내용이 바디에 들어가는 이상한 문제 해결 방법

10424 단어 django거푸집
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>

이 문제에 대해 아무리 생각해도 풀리지 않았는데, 마지막에 파일의 인코딩 문제를 찾았으니, 파일 인코딩을Utf8 without BOM으로 바꾸면 된다.

좋은 웹페이지 즐겨찾기