wulin.comの記事紹介(www.vevb.com):私はもともと2つの記事で図とfigcaptionを説明したかったのですが、これらの2つのラベルは写真とテキストを定義しているので、それらを一緒に説明します。
私はもともと2つの記事でフィギュートとフィガプションを説明したかったのですが、これらの2つのラベルは写真とテキストを定義しているので、それらを一緒に説明します。これは誰もが受け入れやすいです。XHTMLとHTMLを書くとき、人々は多くの場合、写真リスト、写真 +タイトルまたは写真 +タイトル +簡単な説明を使用します。以前の従来の文章:
<li>
<img src = /> <p> title < /p>
</li>
HTML5では、新しいタグが画像リスト、つまり図タグをより意味的に定義できます。
W3Cで与えられた定義:図タグは、独立したストリーミングコンテンツ(画像、チャート、写真、コードなど)を指定します。フィギュア要素のコンテンツはメインコンテンツに関連する必要がありますが、削除された場合、ドキュメントフローに影響しないはずです。
例コード:
<図>
<p> huangpu川のループ橋</p>
<img src = shanghai_lupu_bridge.jpg width = 350 height = 234 />
</図>
図は元のLIタグを置き換えるために使用され、誰がPタグを置き換えるのですか?答えは:figcaptionです
W3Cによって割り当てられた定義:Figcaptionタグは、図要素のタイトル(キャプション)を定義します。フィマチャプション要素は、フィギュア要素の最初または最後の子要素の位置に配置する必要があります。
その後、上記のコードは次のようになります。
<図>
<figcaption> huangpu川のループ橋</figcaption>
<img src = shanghai_lupu_bridge.jpg width = 350 height = 234 />
</図>
これは非常にわかりやすいラベルであり、その使用法は非常に明確です。単純であっても、自分で書き留めることをお勧めします。