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

関連記事

cellpadding と cellspacing

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

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

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

スタイルシートを使って画像(img)の位置を設定する方法

cssで画像の位置を設定するには、ブロック要素で下記のようにクラス(クラス名は任意です)を設定し、html の imgタグに埋め込みます。 displayは、ブロックレベル・インライン等の要素の表示形 …

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

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

htmlでソースを非表示にするタグ

<!– –> ・・・・・上記のタグの中に入れた文字が非表示になります。 非表示にするタグ htmlソースの中にメモを入れられたら便利ですよネ ソース中にコメント・メモを入れることができ …

スポンサーリンク

スポンサーリンク