: META 要素

最終更新:2026-09-12

<meta>META 要素

文書のメタデータ(charset・description・author・viewport など)を記述します。ページには表示されませんが、SEO と描画に重要です。

カテゴリメタデータ
コンテンツモデルフローコンテンツ
許可される親要素フローコンテンツを受け入れる要素
閉じタグ自己完結 — 閉じタグ不要
ステータス標準

📝 構文

<meta name="" content="">

⚙️ 属性

この要素はグローバル属性に加え、以下の属性をサポートします:

属性説明
charsetDocument character encoding, e.g. UTF-8 (best placed first in head).
nameMetadata name, e.g. description, keywords, author, viewport.
contentThe value paired with name or http-equiv.
http-equivEmulates an HTTP response header, e.g. content-type, refresh.
propertySocial card property, e.g. og:title (Open Graph).

▶ サンプル

下のコードを編集して、playground でリアルタイム結果を確認:

🌐 ブラウザサポート

ブラウザ ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
<meta> v1 v12 v1 v1 v1
すべての主要ブラウザでサポート
ヒント: meta は空要素です。文字化けを防ぐため charset は早い位置に置きましょう。
今後さらにケーススタディを追加予定です。

📚 関連チュートリアル

Web-Tutorial.com

Web-Tutorial 技術チーム

複数の開発者によって共同維持されているプログラミングチュートリアルプラットフォーム。各チュートリアルは専門分野の開発者が執筆・レビューしています。正確で信頼性の高いコンテンツを目指しています — 問題を見つけた場合はお知らせください。

100%