覚えたい ☆ ページを移転先へ自動的に移動させる方法（リダイレクト） |
☆ このサイトの Ｌ ｉ ｎ ｋ ・・・ ぜ〜んぶ見たい方はＨＯＭＥへ、ＨＴＭＬだけｏｒスタイルシートだけの方は各リンクをクリックしてね♪
管理人が特に覚えたくて勉強しました。。 よかったら参考にしてね♪
|
◆◆ お 知 ら
せ ◆◆ |
|
|
ＵＲＬ変更などでページを移転先へ自動的に移動させる方法（リダイレクト） |
|
下記は、≪Ａｌｌ Ａｂｏｕｔ≫様の文章を引用させていただいてます
★ ホームページを移転する場合
ホームページを運用しているサーバを変更する場合やサイト内の構成を大きく変更する場合は、しばらく従来のページに移転した旨のメッセージを残しておく方が良いでしょう。 そうしないと、ブックマークやリンクから訪れたアクセス者に対して、どこに移転したのかを伝えられません。
|
◆ 今回、姉妹サイトのＵＲＬを変更するために、≪Ａｌｌ Ａｂｏｕｔ≫様の「ホームページ作成」で勉強させていただきました。 ページを自動的に移動（リダイレクト）する方法として、４つの方法が掲載されています 掲載ページのＵＲＬを記載しておきましたので、詳しく知りたい方や興味のある方はアクセスしてみてくださいね♪
ホームページを作っている環境によってできるものとできないものがあります。。。 例えば、無料ホームページで作っている場合は、ＣＧＩなどが利用できないことがあります
Ｃｏｃｏａの姉妹サイトもＹａｈｏｏ！の無料ホームページを利用させていただいていて、.htaccessやCGIは使えません JavaScriptを利用した方法も試してみましたが、クリックするとすぐに移転先へ移動してしまうので 「何秒後に移動」という形にしたいと思い、ＨＴＭＬのｍｅｔａタグを利用した方法を使いました
姉妹サイトの画面３分割のページも移転したのですが、この場合は、元のフレーム設定ページのヘッダーに 移動先のフレーム設定ページのＵＲＬを指定したソースを記述するだけで、そのまま移転先の３分割ページに移動できました ※ 移転先のページは、それぞれの新しいページ（フレーム設定ページと３つの画面に表示するページ）を作っておきます
サンプルページ ← 09/07/01 現在サンプルページを作成中です m(__)m
ＨＴＭＬやJavaScriptを利用する方法では、使っているブラウザなどの環境で、必ず自動的に移動するとは限らないので 「自動的に移動しない場合は、リンクをクリックして移動してください」などのメッセージと移動先のリンクを 元のページ本文に設けておくといいそうです♪
★ HTMLのmeta要素を使って自動的に移動させる方法 http://allabout.co.jp/internet/hpcreate/closeup/CU20020315A/#meta
★ JavaScriptを使って自動的に移動させる方法 http://allabout.co.jp/internet/hpcreate/closeup/CU20020315A/index3.htm
★ CGIを使って自動的に移動させる方法 http://allabout.co.jp/internet/hpcreate/closeup/CU20020315A/index3.htm#cgiredirect この方法も、無料で提供されているホームページの場合は対応していないことが多いそうです
★ .htaccessを使って全ページに一括して移転メッセージを表示させる方法 http://allabout.co.jp/internet/hpcreate/closeup/CU20020315A/index2.htm
「404 Not Found」エラーを利用した裏技で、全ページに一気に同じ移転メッセージを表示する方法です ウェブサイト内に存在しないページを表示させようとする「404 Not Found」というエラーメッセージを利用すると 全ページに一気に同じ移転メッセージを表示することができるそうですが この方法は、無料で提供されているホームページの場合は対応していないことが多いそうです
|
|
◆ 移動方法
ＨＴＭＬ ｍｅｔａタグ
|
◆ ＨＴＭＬのｍｅｔａタグを使って、指定秒数後に自動的に移動させる方法
準備として、移動先のページを作成しておきます！ この方法は、とっても簡単なのですが、移転させるページ全部のヘッダーに記述しなければならないので ページ数の少ない場合のサイトの移転に向いています
移動させる元のページのHTMLファイルのヘッダー （<head>〜</head> ） に 下記の１行を記述するだけ。。。とっても簡単です
<meta http-equiv = "refresh" content = ” 移動するまでの秒数 ； URL = 移動先のＵＲＬ ”>
★ 記述例 たとえば、移転先に１０秒後に自動的に移動するようにしたい場合、ヘッダーに下記のように記述します 秒数と移動先のＵＲＬの間を、セミコロン（；）で区切ります
<html>
<head>
<meta http-equiv="refresh" content="10 ; url=http://〜〜〜〜〜.html">
</head>
<body>
</body>
</html>
|
|
◆ 移動方法
JavaScript
|
◆ JavaScriptを使って、自動的に移動させる方法 準備として、移動先のページを作成しておきます！ この方法も、とっても簡単なのですが、移転させるページ全部のヘッダーに記述しなければならないので ページ数の少ない場合のサイトの移転に向いています JavaScriptを利用する方法では、ブラウザのJavaScriptが無効になっている場合は自動的に移動しないので 「自動的に移動しない場合は、リンクをクリックして移動してください」などのメッセージと移動先のリンクを 元のページ本文に設けておくといいそうです♪
移動させる元のページのHTMLファイルのヘッダー （<head>〜</head> ） に 下記ソースを記述するだけ。。。とっても簡単です ページを読み込んだ瞬間に、自動的に移動します
<script type = "text/javascript"> <！-- location．href = "移動先のＵＲＬ" ； // --> </script>
★ 記述例 元のページのヘッダーに下記のように記述します
<html>
<head>
<script type="text/javascript"> <!-- location.href ="http://〜〜〜〜〜.html"> ; // --> </script>
</head>
<body>
</body>
</html>
|
|
|
