Djangoのhtmlがブラウザ上でむき出しで表示されてしまいます。

Question

djangoのtemplatesのhtmlファイルをブラウザで表示させると下のようにhtmlがむき出しの状態で表示されてしまいます。

htmlにfor文を加えてから上の状態になりました。for文に誤りがあるのではないかと思い何度も確認しましたが、error文が出るわけでもなく、どこを改善すれば良いのかわからない状態です。色々と調べてみましたがdjangoで同じような症状の方が見つからず質問させていただいた次第です。よろしくお願いします。なお、以下が該当するhtmlファイルの内容です。

{% extends "base.html" %}
{% load staticfiles %}
{% load mathfilters %}
{% block title %}女の子の詳細{% endblock title %}

{% block content %}
    <h3 class="mt-4 border-bottom">{{joyu.name}}</h3>

    <p>出身地: {{ joyu.birthplace }}</p>
    <p>フォロー: {{ joyu.relationship.follow.name }}</p>
    <p>フォロワー: {{ joyu.relationship.follower.name }}</p>
    <p>過去のささやき</p>
    <table class="table table-striped table-bordered">
        <thead>
            <tr>
                <th scope="col"></th>
                <th scope="col">中身</th>
                <th scope="col">ぐー</th>
                <th scope="col">ふりまき</th>
            </tr>
        </thead>
        <tbody>
            {% for sasayaki in sasayaki_list %}
            <tr>
                <td>{{sasayaki.joyu.name}}</td>
                <td>{{sasayaki.text}}</td>
                <td>{{sasayaki.time}}</td>
                <td>{{sasayaki.good_count}}</td><a href="{% url 'joyuchan:like' sasayaki.id %}">ぐー</a>
                <td>{{sasayaki.hurimaki_count}}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
    <a href="{% url 'joyuchan:joyu_follow' joyu_id=joyu.id %}">フォローする</a>
{% endblock %}

Comments

[Lhankor_Mhy]

とりあえず、ドキュメントタイプ宣言を一番上にしてみてはいかがでしょう？

[red_red]

ご指摘ありがとうございます。base.html でドキュメントタイプを宣言し、それをextendsしています。念の為、上のコードの中でもドキュメントしてみましたが、症状は治りませんでした。説明が足りず、申し訳ありません。

[Lhankor_Mhy]

わかりにくくてすみません。
とりあえず、base.html のドキュメントタイプ宣言を一番上にしてみてはいかがでしょう？

[red_red]

治りました。本当にありがとうございます。ベストアンサーにさせていただきたいのでよろしければご回答お願いします。

[Lhankor_Mhy]

自己解決にしていただいてもいいでしょうか？
https://teratail.com/help#resolve-myself

正直、それだけで解決するとは思っていませんでした……
別の原因もあったような気がしてますので、もしまた問題が発生したらすみません。

[red_red]

承知しました。
ありがとうございました。m(_ _)m

Answer 1

extendsしていたbase.htmlのドキュメントタイプの宣言を一番上に移動させた。

Answer 2

extendsしていたbase.htmlのドキュメントタイプ宣言を一番上に移動させた。