content-type【metaタグ】
ホームページに関する説明書きだよ
HTMLファイルのヘッダ部に記述するよ
「このページはどんな種類のファイルです」な情報を書くよ
簡単に書くよ
content-type【metaタグ】(読:コンテントタイプ、コンテンツタイプ)とは
ホームページのファイルに書く、そのページに関する説明書き(を書くときに使う目印)のひとつ
であり
「このページは、どんな種類のファイルです」な情報のこと
です。
詳しく書くよ
順番に見ていきましょう。
まずは予備知識として「HTMLファイル」と「metaタグ」について簡単に説明します。
「そんなの説明されなくても知ってるよ!」な人は適当に読み飛ばしてください。
HTMLファイルは、ざっくり説明すると「ホームページのファイル」です。
あなたがホームページを見ようとすると、まず、ホームページを見るときに使うソフト(Webブラウザ)からホームページのファイルが置いてあるコンピュータ(Webサーバ)に対して「このページをおくれ」と お願いが出されます。
そのお願いに対して、WebサーバさんからWebブラウザさんに「ほれ、そのページだよ」と お返事がきます。
お返事を受け取ったWebブラウザさんは、受け取った内容(ホームページのファイル)を画面上に表示してくれます。
この流れにおいて受け渡しされるファイルがHTMLファイルです。
実際にはHTMLファイル以外のファイル(画像ファイルとか)も受け渡しされますけどね。
メインとなるファイル、ホームページの中身が書いてあるファイルがHTMLファイルです。
metaタグは「人の目には見えない、ホームページに関する説明書き(を書くときに使う目印)」です。
HTMLファイルの中身は
1.ヘッダ部
2.ボディ部
の2つで構成されています。
ヘッダ部に書かれているのは、そのHTMLファイルの説明書きです。
例えば「どんな種類の文字で書かれていますよ~」や「このファイルのタイトルは○○ですよ~」といった内容が書かれています。
ボディ部に書かれているのは、そのHTMLファイルの中身です。
みなさんがホームページを見たときに表示される内容が書かれています。
ここに書かれている内容がHTMLファイルの本体と言えるでしょう。
metaタグは、HTMLファイルのヘッダ部に
<meta name="hoge" content="ほげほげ">
のような形式で書く「そのページの説明書き」です。
あるいは、その説明書きを書くときに使う目印「<meta ~ >」がmetaタグです。
metaタグに書かれている内容は、人間様には見えません。
Webブラウザさんや、ホームページの情報を収集して回っているプログラム(検索エンジン)に向けて書かれる情報です。
metaタグには、いろいろな種類があります。
また、日々増えています。
以上を踏まえて、いろいろあるmataタグのひとつで
「このページは、どんな種類のファイルですよ」を書くmetaタグ
が「content-type」です。
「ん?ファイルの種類って、HTMLファイルじゃないの?」と思った方は鋭いですね。
おっしゃる通りです。
実際のcontent-typeは
や、それを省略して
と書くのが決まり文句になっています。
「charset="utf-8"」の部分は「charset="shift_jis"」になったり「charset="euc-jp"」になったりしますけどね。
構文自体は同じです。
この中で大事なのは「text/html」の部分です。
そのまんま「html」と書いてありますね。
「text/html」が「これはHTMLファイルだからね~!」の指示になります。
このような
ファイルの種類を記述するmetaタグ
が「content-type」です。
一言でまとめるよ
まぁ「content-type」って単語が出てきたら「ファイルの種類が書いてあるんだな~」と お考えください。
おまけ
■訳してみるよ
「content(コンテンツ)」の意味は「中身」とか「内容物」とかです。
「type(タイプ)」の意味は「型」とか「種類」とか「様式」とかです。
何となく くっつけると
中身の型
となります。






