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

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

cache-control【metaタグ】

pointこの用語のポイント

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

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

point「このページをキャッシュして良いですか?」に関する指示情報を書くよ

スポンサーリンク

簡単に書くよ

cache-control【metaタグ】とは

metaタグのひとつ
であり

ホームページのファイル(HTMLファイル)に書く「このページをキャッシュして良いですか?」に関する指示情報のこと
です。

image piyo

詳しく書くよ

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

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

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

cache-control

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

cache-control2

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

cache-control3

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

cache-control4

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

HTMLファイルの中身は

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


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

cache-control5

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

cache-control6

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

cache-control7

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

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

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

cache-control8

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

cache-control9

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

cache-control10

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

以上を踏まえて、いろいろあるmataタグのひとつで、ページのキャッシュに関する指示を書くmetaタグが「cache-control」です。

cache-control11

ちなみに「キャッシュ」は「よく使うデータを取り出しやすいところに準備しておく仕組み」ですが、ここでは「ページのコピーを、こっそりコンピュータの中に保管しておくこと」と解釈してください。

実際のcache-controlの使い方は、例えば

<meta http-equiv="cache-control" content="no-cache, no-store">

のように書いて「キャッシュすんな!」の指示で使います。
この書き方は決まり文句です。
実際のところ、これ以外の「cache-control」の使い方を私は見たことがありません。
「no-cache」「no-store」以外にも「private」「must-revalidate」などの指定があるようですが、使う機会は滅多にないと思います。

なお、この「キャッシュしないでよ」の指示は、あくまで「お願い」です。
ブラウザによっては指示を無視します。
ご注意ください。

半分ダメ元ではあるのですが、ページをキャッシュさせたくない場合は

<meta http-equiv="pragma" content="no-cache">
<meta name="expires" content="0">
<meta http-equiv="cache-control" content="no-cache, no-store">

と3つの指示を並べて書いておくのが、お約束です。

image piyo2

一言でまとめるよ

まぁ「cache-control」って単語が出てきたら「ページのキャッシュに関して指定してるんだな~」と、お考えください。

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