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

HTMLのFigureタグの使い方

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

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 までご連絡ください。

前の記事：HTMLのnoscriptタグの使い方次の記事：HTMLのnoscriptタグの使い方

続きを見る