django - django テンプレートパラグラフでのレンダリングの動作がおかしい

Question

テンプレートに次のコードがあります。

<p>{{ form.end_at }}</p>
<p>{{ form.weekdays }}</p>

次のようにレンダリングされます。

<p><input type="text" name="end_at"></p>
<p></p>
<ul>
    <li>..</li>
    ..
</ul>
<p></p>

では、なぜ最初の呼び出しは入力をpに配置し、2 番目の呼び出しはpにulを配置する代わりに2 つのpタグを作成するのでしょうか?

score 2 · Accepted Answer

これを行っているのは Django ではなく、ブラウザが無効なマークアップと見なすものを「正規化」しています。HTML 仕様によると、タグにタグを含めることはできません<ul>。

リスト要素 (特に ol および ul 要素) は、p 要素の子になることはできません。

仕様では、リストを開始する前に段落を閉じることを推奨しています: ...<ul>...</ul>...(これはまさにブラウザーが行ったことです) か、<div>代わりに.

テストするにwgetは、テキストエディターを使用してページをダウンロードし、開いてみてください。生成されたマークアップは、Django にレンダリングするように指示したものであり、余分なタグは追加されていないことがわかります。

django - django テンプレート パラグラフでのレンダリングの動作がおかしい