[ 通常表示 ]  [ 簡易表示 ]  [ シンプル表示 ]

「分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典イメージぴよ画像「分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典

refresh【metaタグ】

pointこの用語のポイント

pointホームページに関する説明書きだよ

pointHTMLファイルのヘッダ部に記述するよ

point「ページを何秒後にもう一回表示し直せ」な情報を書くよ

スポンサーリンク

簡単に書くよ

refresh【metaタグ】とは

metaタグのひとつ
であり

ホームページのファイル(HTMLファイル)に書く「ページを何秒後にもう一回表示し直せ」な情報のこと
です。

image piyo

詳しく書くよ

順番に見ていきましょう。
まずは予備知識として「HTMLファイル」と「metaタグ」について簡単に説明します。
「そんなの説明されなくても知ってるよ!」な人は、適当に読み飛ばしてください。

HTMLファイルは、ざっくり説明すると「ホームページファイル」です。

あなたがホームページを見ようとすると、まず、ホームページを見るときに使うソフトWebブラウザ)からホームページのファイルが置いてあるコンピュータ(Webサーバ)に対して「このページをおくれ」なお願いが出されます。

refresh

そのお願いに対して、WebサーバさんからWebブラウザさんに「ほれ、そのページだよ」とお返事がきます。

refresh2

お返事を受け取ったWebブラウザさんは、受け取った内容(ホームページのファイル)を画面上に表示してくれます。

refresh3

この流れにおいて受け渡しされるファイルがHTMLファイルです。

refresh4

metaタグは「人の目には見えない、ホームページに関する説明書き(を書くときに使う目印)」です。

HTMLファイルの中身は

1.ヘッダ部
2.ボディ部


の2つで構成されています。

refresh5

ヘッダ部に書かれているのは、そのHTMLファイルの説明書きです。
例えば「どんな種類の文字で書かれていますよ~」や「このファイルのタイトルは○○ですよ~」といった内容が書かれています。

refresh6

ボディ部に書かれているのは、そのHTMLファイルの中身です。
ここに書かれている内容がHTMLファイルの本体と言えるでしょう。
みなさんがホームページを見たときに表示される内容が書かれています。

refresh7

metaタグは、HTMLファイルのヘッダ部に

<meta name="hoge" content="ほげほげ">

のような形式で書く「そのページの説明書き」です。

refresh8

あるいは、その説明書きを書くときに使う目印「<meta ~ >」が「metaタグ」です。

refresh9

metaタグに書かれている内容は、人間様には見えません。
Webブラウザさんや、ホームページの情報を収集して回っているプログラム検索エンジン)に向けて書かれる情報です。

refresh10

metaタグには、いろいろな種類があります。
また、日々増えています。

以上を踏まえて、いろいろあるmataタグのひとつで「ねぇねぇ、○秒たったら、もう一回ページを表示し直してよ」な指示を書くmetaタグが「refresh」です。

refresh11

実際のrefreshは、例えば

<meta http-equiv="refresh" content="100">

のように書きます。
この例では「このページを100秒後に、もう一回表示しろ」と言っています。

この指示が書いてあると、優しいWebブラウザさんは指示に従ってページを再表示してくれます。
優しくないWebブラウザさんはシカトしてぼーっとしてますけどね。
有名どころのWebブラウザさんであれば大丈夫なはずです。

実は、この「refresh」というmetaタグは便利なやつでしてね。
表示し直すページを指定することができるのです。

この仕組みを利用することで、見に来た人を他のページに飛ばすことができます。

例えばAというページに

<meta http-equiv="refresh" content="0;URL=http://wa3.i-3-i.info/">

と書いてあったとします。
このmetaタグは「0秒後に『http://wa3.i-3-i.info/』っていうページをもう一回表示しろ」の指示です。

さて、この状態でAを見に来た人はどうなるでしょう?
ブラウザさんが「0秒後に『http://wa3.i-3-i.info/』っていうページをもう一回表示しろ」の指示を受けて、Aを表示した瞬間に「http://wa3.i-3-i.info/」を表示します。
結果としてAを見に来た人は「http://wa3.i-3-i.info/」に移動してしまうのです。

これがmetaタグ「refresh」を使ったページ転送の仕組みです。
今回の例では「0」を指定したのですぐに移動しましたが、例えば「5」を指定すると5秒後に移動しますよ。
たまに「5秒後に自動的にジャンプします」とか表示されて、ぼーっとしてるとページが切り替わるホームページがありますが、それはこの仕組みを使っています。

image piyo2

一言でまとめるよ

まぁ「refresh」って単語が出てきたら「時間が経ったらページを表示し直せって言ってるんだな~」と、お考えください。

一番上に戻るよ
スポンサーリンク