figureタグ内で使用するhtml5タグ

figureタグには、salesの特定の値を表示する垂直2dバーが表示されます。 figcaptionタグに "Sales"というラベルが表示されます。figureタグ内で使用するhtml5タグ

図の中のdivにはどのようなhtml5タグを使用しますか？

<figure> 
     <div class="push-center roundedArea" style="background-color:#fff;height:22%;"></div> 
     <div class="push-center diagram" style="background-color:#ff99cc;height:11%;">3</div> 
     <div class="push-center diagram" style="background-color:#ff33cc;height:44%;">44</div> 
     <div class="push-center diagram" style="background-color:#ff66cc;height:23%;">36</div> 
    </figure> 
<figcaption> 
    Sales 
</figcaption>

出典

2013-06-19 HelloWorld

[W3C Wiki 'figure' article]（http://www.w3.org/wiki/HTML/Elements/figure）は、その意味論的な用途のいくつかを説明しています。 ['figure'仕様]（http://www.w3.org/TR/html5/grouping-content.html#the-figure-element）には、オプションの' figcaption'要素を持つ "flow content"が含まれている必要がありますフロー内容の前または後。フローコンテンツは、基本的には[このリスト]（http://www.w3.org/TR/html5/dom.html#flow-content-1）にあるものです。 TL; DR：そこにはたくさんのものを置くことができますが、意味を理解するだけです。また、 'div'要素は' figure'要素の内部で許されます。 – ajp15243

はい私はdivタグがフローコンテンツのタグの中にあるのを見ました、ありがとう:)ソリューションに入れて？ – HelloWorld

答えとして掲示される： – ajp15243

W3C Wiki figure articleは、その意味論的用途のいくつかを説明しています。 figure specには、フローコンテンツの前後にオプションのfigcaption要素を含む「フローコンテンツ」が含まれている必要があります。フローコンテンツは基本的にはthis listのものです。

TL; DR：そこにはたくさんのものを置くことができますが、意味が分かるようにしてください。

また、figure要素内にはdiv要素を使用できます（上記のリンクのリストを参照）。

出典

2013-06-19 18:02:47 ajp15243

あなたの答えは正しいが、私は間違った方法でfigcaptionを使用することを認識した。 w3cは図形にはfigcaptionが含まれていますが、figcaptionは図形の外にあると言います。うーん...それはかなりばかです。私はそれが技術的な表示の問題を引き起こすことに変えることはできません... – HelloWorld

@HelloWorld私はあなたが 'フィギュア'の外に 'figcaption'を置いているのを見ました。 'figure'は' figcaption'を必要としないことに注意してください。私は[figcaptionの仕様]（http://www.w3.org/TR/html5/grouping-content.html#the-figcaption-element）を見て、それが「figcaptionの内容要素の親要素、もしあれば* "（強調する鉱山）。「もしあれば」という部分は、「figcaption」が「figure」要素の外側で許されていることを意味しますが、その場合は意味がないかもしれません。したがって、技術的には正しいですが、意味的には「figure」の外にあることは意味がありません。 – ajp15243

ああ私は図を使用すると、図内のすべての要素の意味を持つラベルを持っている私はfigcaptionを使用したいと私は100％意味論的に正しいと思う必要があります実際に正しい薄いnk :) – HelloWorld

figureタグ内で使用するhtml5タグ

答えて

関連する問題