例
使用<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;
}
»それを自分で試してみてください