<詳細>

HTML <details> タグ

インスタンス

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<details>
<summary>Copyright 1999-2011.</summary>
<p> - by Refsnes Data. All Rights Reserved.</p>
<p>All content and graphics on this web site are the property of the company Refsnes Data.</p>
</details>

<p><b>注意：</b>目前，只有 Chrome 和 Safari 6 支持 details 标签。</p>

</body>
</html>

インスタンスの実行»

[インスタンスの実行] ボタンをクリックしてオンラインインスタンスを表示します

ブラウザのサポート

現在、 <details> タグをサポートしているのは Chrome と Safari 6 だけです。

タグの定義と使用手順

<詳細> タグは、ユーザーに表示または非表示の要件の補足的な詳細を指定します。

<details> タグは、ユーザーが対話型コントロールを開いたり閉じたりするために使用されます。任意の形式のコンテンツを <details> タグ内に配置できます。

<details> 要素の内容は、open 属性が設定されていない限り、ユーザーには表示されません。

HTML 4.01とHTML5の違い

<details>タグはHTML5の新しいタグです。

ヒントとメモ

ヒント: 詳細のタイトルを定義するには、<summary> タグと一緒に使用します。タイトルが表示され、ユーザーがタイトルをクリックすると詳細が表示されます。

属性

New: HTML5 の新しい属性。

Property	Value	Description
openNew	open	詳細を表示するかどうかを指定します。

グローバル属性

<details> タグは HTML グローバル属性をサポートします。

イベント属性

<details> タグは HTML イベント属性をサポートします。