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

関連記事

ホームページで文字の背景に色をつける

背景色を指定するプロパティです。 background-color: 文字を強調したい場合や、単調な黒文字の文章にアクセントをつけたい場合など、文字の背景に色をつけるとサイトが見栄えよくなります。 サ …

htmlとは?

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

画像を横に並べる方法

画像を横に並べて表示する方法 画像を横に並べる方法は何種類かあります。 一番簡単な方法ですが、改行を入れずにタグを下記のように記述します。 この場合、画像と画像の間に半角スペースができます。 < …

XHTML宣言文(DTD)

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

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

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

スポンサーリンク

スポンサーリンク