ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLのFigureタグの使い方

HTMLのFigureタグの使い方

青灯夜游
青灯夜游オリジナル
2019-05-27 10:37:044432ブラウズ

Figure タグは HTML 5 の新しいタグで、独立したフロー コンテンツ (画像、チャート、写真、コードなど) を指定するために使用されます。Figure 要素のコンテンツはメイン コンテンツに関連している必要がありますが、が削除された場合、ドキュメント フローに影響を与えることはできません。

タグは、すべての主要なブラウザでサポートされています。

HTMLのFigureタグの使い方

#html フィギュアタグの使い方は?

タグは HTML 5 の新しいタグで、独立したフロー コンテンツ (画像、グラフ、写真、コードなど) を指定するために使用されます。

注: Figure 要素のコンテンツはメイン コンテンツに関連している必要がありますが、削除してもドキュメント フローに影響を与えるべきではありません。

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

タグをサポートしています。 Internet Explorer 8 以前では、
タグはサポートされていません。

html Figure タグの例

<!DOCTYPE HTML>
<html>
<body>
<p>ThinkPHP5快速开发企业站点</p>
<figure>
    <p>本课以最新版ThinkPHP5.0.10为基础进行开发,全程实录一个完整企业点,从后台到前台,从控制器到路由的全套完整教程,不论是你是新人,还是有一定开发经验的程序员,都可以从中学到实用的知识~~</p>
    <img  src="https://img.php.cn/upload/course/000/000/003/5a5338f71e13f195.jpg"    style="max-width:90%"  style="max-width:90%" / alt="HTMLのFigureタグの使い方" >
</figure>
</body>
</html>

出力:

HTMLのFigureタグの使い方

以上がHTMLのFigureタグの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。