Q&A
どいうところが「おかしい」と思っているのでしょうか。
質問
一枚目の画像がGoogleのデベロッパーツールのElementsのもので、二枚目がSourcesのものなのですが、なぜこのようなことが起きるのでしょうか？
djangoのターミナルでサーバーを作ってもエラー当は出ず実際サイトにアクセスしてもエラー出ないので、もしかしたらHTML側に問題があるのでは？と初心者ながらに無い知恵を振り絞ったのですがどう解決できるでしょうか？
初心者ですので何かこれがないとわからないというものがありましたら質問お願いします。
追記：実際に書いたHTMLのコード <!doctype html> <html lang="ja"> <head> <meta charset="utf-8"> <title>{{title}}<title> </head> <body> <div class="header"> <h1>{{title}}</h1> <a href="http://127.0.0.1:8000/App1">ホーム</a> <a href="http://127.0.0.1:8000/App1/about">自己紹介</a> </div> <p>{{message|safe}}</p> <form action="{ % url 'index' %}" method=post> {{form}} <input type="submit" value="送信"> </form> </body> </html>
実際にかいたコードが何故反映されずElementsのように<body>からは何も書かれてないことになっているのがおかしいなと思って投稿させていただきました。
Sourcesのほうに{}などテンプレートエンジンのコードそのまま出ているのが気になります。
どのように動作確認しているのでしょう。
djangoを使ってviews.pyのほうで{{}}にかかれた値を送ってやってます。
画像など追記したほうがよろしいでしょうか？
Sourcesにそのまま出るということはDjangoのほうで正しくコンパイルされていないとも言えます。
画像よりコードを。手元でコピペで再現できる必要があります。
既に「現状での推測」は回答として投稿しましたが。
質問の編集でコードの追記画像を添付したほうがよろしいかと思ってました
何の画像か分かりませんが、画像ではコードのコピペが出来ないので、
コードはテキストで、マークダウンのcode機能で提示してください。
ただ、本質的には1つの前の質問と目的は同じですね。
実際にSpyderというテキストツールで書いたHTMLのコードもあるのですが、それはデベロッパーツールのSourcesと若干異なってます。
編集で追記しましたので見てくださると幸いです。
回答3件
0
ベストアンサー
原因
質問記載のコードをブラウザで立ち上げてデベロッパーツールの「要素(elements)」タブを確認
↓
（デベロッパーツールの「要素」タブに表示されている、</head>直前の「</title>」 は、ブラウザによって自動的に挿入されたものと考えられます）
解決策
html
1 <title>{{title}}<title> 2
↓
この行を下記のように直してください。
html
1 <title>{{title}}</title>
投稿2022/10/23 07:52
編集2022/10/23 10:47
退会済みユーザー
総合スコア0
0
タイトルタグが閉じられないからです。
投稿2022/10/23 07:52
総合スコア907
0
Sourcesのほうを見た感じだと<table>も何もないのに<tr>があります。
それによって「body内に表示するものがない」と判断されているのではないでしょうか。
HTML文法が間違っている箇所をChrome側が自動で精査してくれてそうなってるのかなと。
例えばbody内を以下のようにした場合
HTML
1aaa 2<tr><td>bbb</td></tr> 3<button>button</button>
Elementsでは<tr><td>部分が消えます。
全く同じソースではなく、バージョンやOSも違うかもしれないので全く同じ状況再現にはならないかもしれませんが、
HTMLが正しくないことでElementsに出ないというのはあり得る話です。
（もちろん、JavaScriptなど要素を操作するときはがっつり影響出ます）
投稿2022/10/23 07:19
編集2022/10/23 07:23総合スコア80875
追記したコードでは<table><tr><td>タグを使ってないのですが、どうしてSourcesではあるのでしょうか？
Djangoの仕様を知らないので何とも言えませんが、
{{form}}が出力している情報がそうなってるのではと。
まずは正しいHTMLタグが出るように設定など見直されてはどうでしょう。
わかりました、見直してみます。お力添えいただいてありがとうございます。
もしかしたら、チュートリアルレベルか見直した方がいいかもしれません。
https://docs.djangoproject.com/ja/4.1/intro/tutorial04/
https://tutorial.djangogirls.org/ja/django_forms/
分からなくなったら基本に立ち返るということですね。
ありがとうございます
少し角度を変えると、結局プログラムは書いた通りにしか動かないので、
既存のツールを疑うのではなく自分のコードを疑いましょう・・・・というところです。
あなたの回答
tips
プレビュー
