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

関連記事

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

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

フォントをカスタマイズ

ブログやホームページのフォントを変更してイメージを変える タグで囲って個別にフォント変更はできますが、全体に適用させたい場合はcssスタイルシートのbodyに使用したいフォントを指定します。ユーザーの …

htmlで文字を太字にする

<strong> <b> タグの違いについて 文字を太字にするタグには <strong>タグ と <b>タグ があります。 このふたつのタグ <s …

cellpadding と cellspacing

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

htmlで色を設定する方法

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

スポンサーリンク

スポンサーリンク