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(ワールド・ワイド・ウェブ)を作成するための言語 …

<p> <div> <span>の使い方

htmlで文章を書く際に<p><div><span>を使い分けられたら、htmlの半分以上を制したと言えるでしょうネ。 頻繁に使うこの3個のタグ<p>& …

htmlで色を設定する方法

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

HTMLタグの基本構造・head要素

HTMLタグの構造 htmlの構造は以下のようになっています。 ホームページの基本的な構造です。 htmlファイルは大きく分けるとヘッダ<head>部分とボディ<body>部分 …

ホームページで点線や実線を表示させる

HTMLでは、 <hr>と記述するだけで水平線を表示させることができます。 この<hr>のスタイルを点線にしたり、太線にしたり、色を変えたり、変更することができます。 やり方で …

スポンサーリンク

スポンサーリンク