このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

meta”要素~“content”属性

記事Apr. 8th,2015
Jul. 16th,2021
メタデータやプラグマディレクティブの値を表す属性
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。

content”属性について

content”属性はname”属性もしくはhttp-equiv”属性で定義されたメタデータの値を表します。

meta”要素マイクロデータ属性itemprop”属性が指定されている時、“content”属性は最も近いitemscope”属性を指定された祖先要素が生成するアイテムを構成するマイクロデータを表します。

name”属性http-equiv”属性itemprop”属性のいずれかが指定されている場合は“content”属性は必須属性です。

値が無効な場合やname”属性http-equiv”属性itemprop”属性のいずれかが指定されているにもかかわらず“content”属性が指定されていない場合はmeta”要素は無視されます。

指定できる値

content”属性の値はmeta”要素に指定されたname”属性http-equiv”属性もしくはitemprop”属性のいずれかによって定義されます。

name”属性

name”属性 content”属性
説明 説明
application-name 文書が表現するウェブアプリケーションの名前 テキスト 文書が表現するウェブアプリケーションの名前
author 文書の作者名 テキスト 文書の作者名
description 文書の説明文 テキスト 文書の説明文
generator 文書の作成に使用したソフトウェアの識別名 テキスト 文書の作成に使用したソフトウェアの識別名
keywords 文書に関連するキーワード テキスト 文書に関連するキーワード
referrerHTML5.2で追加 文書からリクエストを送信するときのデフォルトのリファラーポリシー リファラーポリシー リファラーポリシー
theme-colorHTML Living Standardで定義 ウェブページのテーマカラー CSSの<color>”値
color-schemeHTML Living Standardで定義 文書が対応するカラー・スキーム カラー・スキーム CSSのcolor-scheme”プロパティの値

http-equiv”属性

name”属性 content”属性
説明 説明
content-language注意 文書のデフォルトの記述言語 言語コード 文書のデフォルトの記述言語
content-type 文書の文字エンコーディング text/html; charset=utf8 UTF-8
default-style 文書のデフォルトのスタイルシート 代替スタイルシートの名前 文書のデフォルトのスタイルシート
refresh ウェブページを再読み込み、もしくはリダイレクトするまでの秒数 正の整数 ウェブページを再読み込みするまでの秒数
正の整数; url=URL リダイレクト先のURLとリダイレクトまでの秒数
set-cookie注意 ウェブページのCookie Cookieの設定 IETF “HTTP State Management Mechanism”仕様書(RFC 6265)で定義されている構文
x-ua-compatibleHTML Living Standardで定義 Internet Explorerがウェブページを仕様通りに表示することを指示 IE=edge Internet Explorerがウェブページを仕様通りに表示することを指示
content-security-policyHTML Living Standardで定義 文書が対応するカラー・スキーム コンテンツセキュリティーポリシー “Content Security Policy”仕様書で定義されている構文

itemprop”属性

itemprop”属性 content”属性
説明 説明
プロパティ名 itemtype”属性で指定された定義に基づくプロパティ名 テキスト itemprop”属性で指定したプロパティ名に関連付けるマイクロデータ

サンプルコード

<!DOCTYPE html>
<html lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=charset=utf-8">
<link rel="icon" href="image/favicon.ico">
<meta name="keywords" content="バナナ,栄養素,産地">
<meta name="description" content="黄色くて栄養満点な果物であるバナナについて解説します。">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="css/stylesheet.css" media="all">
<title>黄色いフルーツバナナ - 果物を食べる</title>
</head>
<body>
...
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク