

#
“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 | 文書に関連するキーワード | テキスト | 文書に関連するキーワード |
referrer![]() |
文書からリクエストを送信するときのデフォルトのリファラーポリシー | リファラーポリシー | リファラーポリシー |
theme-color![]() |
ウェブページのテーマカラー | 色 | CSSの“<color>”値 |
color-scheme![]() |
文書が対応するカラー・スキーム | カラー・スキーム | 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-compatible![]() |
Internet Explorerがウェブページを仕様通りに表示することを指示 | IE=edge | Internet Explorerがウェブページを仕様通りに表示することを指示 |
content-security-policy![]() |
文書が対応するカラー・スキーム | コンテンツセキュリティーポリシー | “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>
...