ホームページ > ウェブフロントエンド > htmlチュートリアル > html5タグのfigureとfigcaptionの違いの比較

html5タグのfigureとfigcaptionの違いの比較

巴扎黑
リリース: 2017-06-27 09:38:16
オリジナル
3357 人が閲覧しました

定義と使い方

タグは、figure 要素のタイトル (キャプション) を定義します。

「figcaption」要素は、「figure」要素の最初または最後の子要素として配置する必要があります。

ブラウザのサポート

すべての主要なブラウザは

タグをサポートしています。

HTML 4.01とHTML 5の違い

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

figure と figcaption、これら 2 つのタグは、画像とテキストを定義するために使用されます。

では、画像 + タイトル、または画像 + タイトル + 簡単な説明の 画像リストがよく使用されます。従来の従来の書き方:


  • title


  • そしてhtml5の新しいタグはこの画像リストを意味的に定義できます。それが Figure タグです。

    figure タグは、独立したフロー コンテンツ (画像、チャート、写真、コード) を指定します。 Figure 要素のコンテンツはメイン コンテンツに関連している必要がありますが、削除してもドキュメント フローに影響を与えることはありません。

    figcaption タグは、Figure 要素のタイトルを定義します。 「figcaption」要素は、「figure」要素の最初または最後の子要素として配置する必要があります。

    すると、上記のコードは次のようになります:

    <figure>
    <figcaption>title</figcaption>
    <img src="test.jpg"  />
    </figure>
    ログイン後にコピー

    以上がhtml5タグのfigureとfigcaptionの違いの比較の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

    関連ラベル:
    ソース:php.cn
    このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    人気のチュートリアル
    詳細>
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート