Welches html5-Tag sollte ich innerhalb eines Figur-Tags verwenden?

Das Abbildung-Tag zeigt einen vertikalen 2-D-Balken an, der bestimmte Werte für Verkäufe anzeigt. Das figcaption-Tag zeigt das Label "Sales" an.Welches html5-Tag sollte ich innerhalb eines Figur-Tags verwenden?

Welches html5-Tag für die divs innerhalb der Figur sollte ich verwenden?

<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>

Quelle

2013-06-19 HelloWorld

Der [W3C Wiki 'figure' Artikel] (http://www.w3.org/wiki/HTML/Elements/figure) erklärt einige seiner semantischen Verwendungen, die unterschiedlich sind. Das ['figur' spec] (http://www.w3.org/TR/html5/grouping-content.html#the-figure-element) sagt, dass es" flow content "mit einem optionalen' figcaption' Element enthalten soll vor oder nach dem Flow-Inhalt. Flow-Inhalt ist grundsätzlich alles auf [dieser Liste] (http://www.w3.org/TR/html5/dom.html#flow-content-1). TL: DR: Du kannst eine Menge Zeug hineinlegen, stell sicher, dass es semantisch Sinn macht. Außerdem sind 'div' Elemente in' figure' Elementen erlaubt. – ajp15243

ja ich sah div-tag ist unter den flussinhalt tags, danke :) Setzen Sie es in eine Lösung? – HelloWorld

Gepostet als Antwort :) – ajp15243

Die W3C Wiki figure article erklärt einige der semantischen Gebrauch davon, die variiert werden. Die figure spec besagt, dass es "Flow-Inhalt" mit einem optionalen figcaption Element vor oder nach dem Flow-Inhalt enthalten sollte. Flow-Inhalt ist grundsätzlich alles unter this list.

TL; DR: Sie können eine Menge Zeug hineinlegen, stellen Sie nur sicher, dass es semantischen Sinn macht.

Auch div Elemente sind innerhalb figure Elemente erlaubt (siehe die Liste im obigen Link).

Quelle

2013-06-19 18:02:47 ajp15243

Trotz Ihrer Antwort ist mir klar, dass ich die figcaption falsch benutze. w3c sagt, dass die Figur eine Figur enthält, aber meine Figur ist außerhalb der Figur. Hm ... das ist ziemlich dumm. Ich kann nicht ändern, dass es technische Anzeigeprobleme verursachen würde ... – HelloWorld

@HelloWorld Ich sah, dass du 'figcaption' außerhalb der' Figur' gesetzt hast. Beachten Sie, dass 'figure' keine' figcaption' benötigt. Ich schaute auf die ['figcaption'-Spezifikation] (http://www.w3.org/TR/html5/grouping-content.html#the-figcaption-element), und es besagt, dass sie den" Inhalt der figcaption "darstellt Elternelement des Elements, * falls vorhanden * "(Hervorhebung meins). Der "falls" -Teil bedeutet für mich, dass eine "figcaption" außerhalb eines "Figur" -Elements erlaubt ist, aber in diesem Fall möglicherweise keine große Bedeutung hat. Es ist also technisch korrekt, aber vielleicht nicht semantisch korrekt, es außerhalb von 'figure' zu haben. – ajp15243

ahh gut, wenn ich die Figur benutze und ich habe ein Label mit einer Bedeutung für jedes Element innerhalb der Figur möchte ich eine figcaption verwenden und ich düng nm, das ist eigentlich eigentlich sogar ein muss ich denke zu 100% semantisch korrekt :) – HelloWorld

Welches html5-Tag sollte ich innerhalb eines Figur-Tags verwenden?

Antwort

Verwandte Themen