知っておくべきこと
HTMLの仕組み
なぜ知りたいと思ったか?
ブラウザ上で表示されないhead要素の中に、meta要素を使って文字コードを設定してきた
文字コード以外に設定できると思うけど、meta要素がどんな機能を持つかを知りたかった
まずは「メタ」を知ることから
メタ認知やメタデータの「メタ」は、「高次元の」「超越した」といった複数の意味があります。メタデータは「データに関するデータ」と呼ばれていますが、これでは分かりませんよね。
データに関するデータとは?
例えば画像を保存した後に、「いつ更新したか」「データ量はどれ位か」「データの拡張子は何か」といった情報を確認できますよね。
実はこれらの情報がメタデータなんです!!
「メタデータ = 対象データを紐づけるデータ」とイメージした方が良いと思います。
HTMLで扱うメタデータとは?
「meta要素を使わなくても、Webサイトは作れる」
と思った方は、以下の点を考えてみて下さい。
「作ったWebサイトの説明なしで、ユーザーが見てくれるか?」
ハイパーリンクの下にある説明を読んで、続きが気になって押した方が多いのではないでしょうか?
ユーザーを誘導しやすくするために、HTMLにWebページの内容を紐づける良い参考になりますね。
HTMLのメタデータは他にもあるので、気になる方は調べてみて下さい。
meta要素は何のために必要か?
Webページに色々な情報を結びつけるため