HTML <meta> タグ:正しい理解と使い方

定義と使い方

<meta> タグは、Webページのさまざまな設定(メタデータ)をブラウザや検索エンジンに伝えるためのタグです。終了タグ(</meta>)を持たない「空要素」です。

文字コードの指定(文字化けを防ぐ charset="UTF-8")や、スマホ表示を最適化するためのビューポート(viewport)設定、検索結果に表示されるページの説明文(description)など、属性を使い分けることで多岐にわたる指定が可能です。

基本例

<head>
  <!-- 文字コード設定 -->
  <meta charset="UTF-8">
  
  <!-- スマホ・タブレット表示の最適化 -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  
  <!-- ページの紹介文(検索結果に表示される) -->
  <meta name="description" content="初心者向けにHTMLタグの使い方を分かりやすく解説するサイトです。">
</head>