「分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典

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

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

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



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



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



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



実際にはHTMLファイル以外のファイル（画像ファイルとか）も受け渡しされますけどね。
メインとなるファイル、ホームページの中身が書いてあるファイルがHTMLファイルです。

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

HTMLファイルの中身は

１．ヘッダ部
２．ボディ部

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



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



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



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

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

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



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



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



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

以上を踏まえて、いろいろあるmataタグのひとつで

「ねぇねぇ、○秒たったら、もう一回ページを表示し直してよ」な指示を書くmetaタグ

が「refresh」です。



実際のrefreshは、例えば

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

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

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

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

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

例えばAというページに

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

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

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

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