<図>

HTML <figure> タグ

インスタンス

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

<p>The Pulpit Rock is a massive cliff 604 metres (1982 feet) above Lysefjorden, opposite the Kjerag plateau, in Forsand, Ryfylke, Norway. The top of the cliff is approximately 25 by 25 metres (82 by 82 feet) square and almost flat, and is a famous tourist attraction in Norway.</p>

<figure>
  <img src="img_pulpit.jpg" tppabs="http://w3schools.com/tags/img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
</figure>

</body>
</html>

インスタンスの実行»

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

ブラウザのサポート

IE 9 、Firefox、Opera、Chrome、Safari は <figure> タグをサポートしています。

注: IE 8 以前のバージョンの IE ブラウザは <figure> タグをサポートしていません。

タグの定義と使用方法

<figure> タグは、独立したストリームコンテンツ (画像、チャート、写真、コードなど) を指定します。

<figure> 要素のコンテンツはメインコンテンツに関連しており、要素の位置はメインコンテンツから独立している必要があります。削除されても、文書の流れには影響しません。

HTML 4.01とHTML5の違い

<figure>タグはHTML 5の新しいタグです。

ヒントとメモ

ヒント: <figcaption> 要素は、<figure> 要素のキャプションを定義するために使用されます。

グローバル属性

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

イベント属性

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

<図>