下記問題についてご教示頂けますと幸いです。
＜解決したい問題＞
【概要】
HTMLでmetaタグを使って、自動的に他のページにジャンプすることができない
【詳細】
おそらくURLの箇所に誤りがあることが分かっているものの、下記が原因で適切にmetaタグの内容を記述できていない。
・ローカル環境でブラウザを開いた時のURLの理解
・絶対パスと相対パスの理解
＜お伺いしたいこと＞
HTMLでmetaタグを使った画面の自動遷移の方法
＜現状の理解＞
①<meta http-equiv="refresh" content="秒数;URL=URL">を使用すること
②URLは絶対パス、相対パスのどちらかで記述すること（今回は絶対パスで指定）
＜不明点＞
絶対パスには、「http//で始まるブラウザ上のリンク」と「遷移先のHTMLファイル名を記述する」というの二通りの記述方式があると理解しています。
今回は前者のブラウザ上のリンク、遷移先のHTMLファイル名の記述両方を試しました上手くいきませんでした。
下記記述方法で誤りがありましたらご教示頂けますと幸いです。
□「http//で始まるブラウザ上のリンク」
→ローカルサーバーでブラウザを立ち上げたあとに、遷移先のページのリンクをコピーし貼り付け
□遷移先のHTMLファイル名を記述する
→遷移元のファイル（introduce_2.html）と遷移先のファイル（introduce_3.html）の階層が一緒の為、
URLには遷移先のファイル（introduce_3.html）のみを記述
＜ソースコード＞
introduce_2.html
introduce_2.html
{% extends 'base.html' %} {% load static %} <html> <head> <title>template test</title> <meta http-equiv="refresh" content="3;URL=http://127.0.0.1:8000/toppage/introduce_3"> </head> <header> {% block header %} 自身と向き合おう {% endblock header %} {% block header2 %} 毎日の出来事や感情、次のステップに向けたアクションとその時に生まれた前向きな気持ちを記録し、 あなたのモチベーション・自己内省に活用します。 {% endblock header2 %} <header> <footer> {% block footer %} <a href="introduce_3", style="text-decoration:none;">次へ</a> {% endblock footer %} </footer> </html>
0 コメント