0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

meta要素の重要性を知っているか?

Posted at

知っておくべきこと

HTMLの仕組み

なぜ知りたいと思ったか?

ブラウザ上で表示されないhead要素の中に、meta要素を使って文字コードを設定してきた
文字コード以外に設定できると思うけど、meta要素がどんな機能を持つかを知りたかった

まずは「メタ」を知ることから

メタ認知やメタデータの「メタ」は、「高次元の」「超越した」といった複数の意味があります。メタデータは「データに関するデータ」と呼ばれていますが、これでは分かりませんよね。

データに関するデータとは?

例えば画像を保存した後に、「いつ更新したか」「データ量はどれ位か」「データの拡張子は何か」といった情報を確認できますよね。
スクリーンショット 2023-10-06 21.59.15.png
実はこれらの情報がメタデータなんです!!
「メタデータ = 対象データを紐づけるデータ」とイメージした方が良いと思います。

HTMLで扱うメタデータとは?

「meta要素を使わなくても、Webサイトは作れる」
と思った方は、以下の点を考えてみて下さい。

「作ったWebサイトの説明なしで、ユーザーが見てくれるか?」
スクリーンショット 2023-10-06 22.26.26.png
ハイパーリンクの下にある説明を読んで、続きが気になって押した方が多いのではないでしょうか?
ユーザーを誘導しやすくするために、HTMLにWebページの内容を紐づける良い参考になりますね。

HTMLのメタデータは他にもあるので、気になる方は調べてみて下さい。

meta要素は何のために必要か?

Webページに色々な情報を結びつけるため

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?