b-essence

気になること★いろいろなジャンルで更新していきます。

css・html

htmlで特定ページへ自動ジャンプさせる

2015-03-10

html 特定ページへ自動ジャンプさせる

<meta>タグを使って現在のhtmlページを特定のページへ自動ジャンプさせることができます。

サイト移転の時などに使いますね。××秒後にページを自動ジャンプさせるタグです。<meta>内に設定した秒数で自動ジャンプさせることができます。

<meta http-equiv="refresh" content="秒数;url=アドレス">

秒数の部分に数字、アドレスの部分にはリンク先のアドレスを入れます。

下記の例では、3秒後に記述のURLへ自動ジャンプします。↓

<meta http-equiv="refresh" content="3;url=http://●●●.html">

ジャンプしなかった場合やせっかちな方のために、ページ内にもリンク先を表示することをおススメします。

JavaScriptを使って特定ページへ自動ジャンプさせる

JavaScriptを使って特定のページへ自動ジャンプさせることもできます。その場合は<body></boby>の中に下記のように記述します。

<script language="JavaScript">
<!--
function autoLink()
{
location.href="http://●●●.html";
}
setTimeout("autoLink()",3000); 
// -->
</script>

setTimeout()は、設定時間後に関数を呼び出す命令文です。
Timeout(タイムアウト時間)はミリ秒単位で指定します。5秒の場合は 5000、上記の例では3秒なので3000になります。

????????


 

-css・html

関連記事

htmlとは?

htmlは、HyperText Markup Language(ハイパーテキストマークアップランゲージ)の略です。 このhtmlは、ウェブページ www(ワールド・ワイド・ウェブ)を作成するための言語 …

htmlで色を設定する方法

htmlで文字色や背景色を指定する場合、以前はhtmlに直接<font>タグを使って記述することもありましたが、<font>タグは「非推奨要素」となっています。またHTML5で …

表(テーブル)をcssで作る

ホームページ作成時に、テーブルを作る場合も多くあると思いますが、htmlに実装するよりもスタイルシートで簡単にテーブル(表)をデザインすることができます。cssでデザインするので、htmlもスッキリし …

XHTML宣言文(DTD)

HTML4.01では、下記のようにDOCTYPE 宣言を記述しました。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitiona …

cellpadding と cellspacing

cellpadding と cellspacingtmlの違い 「cellspacing」「cellpadding」は、テーブル内のスペースを設定するタグです。 紛らわしいですが、簡単ですからしっかり …

スポンサーリンク

スポンサーリンク