最新のWeb開発のチュートリアル
 

HTML <figure> Tag


使用<figure>ドキュメント内の写真をマークアップする要素を:

<figure>
  <img src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">
</figure>
»それを自分で試してみてください

定義と使用法

<figure>タグなどのイラスト、図表、写真、コードリストのように、自己完結型のコンテンツを指定します

内容ながら<figure>要素はメインフローに関連して、その位置は、メインフローに依存せず、削除された場合には、文書の流れに影響を与えるべきではありません。


ブラウザのサポート

表中の数字は、完全に要素をサポートする最初のブラウザのバージョンを指定します。

素子
<figure> 6.0 9.0 4.0 5.0 11.1

HTML 4.01とHTML5の違い

<figure>タグは、HTML5で新しく追加されました。


ヒントと注意事項

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


グローバル属性

<figure>タグもサポートし、グローバルは、HTMLの属性


イベント属性

<figure>タグもサポートしています。イベントは、HTMLの属性


関連ページ

HTML DOMリファレンス: 図オブジェクト


デフォルトのCSS設定

ほとんどのブラウザが表示されます<figure>次のデフォルト値を持つ要素を:

figure {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 40px;
    margin-right: 40px;
}
»それを自分で試してみてください