2013-06-19 7 views
5

के अंदर क्या HTML5 टैग का उपयोग करना चाहिए आंकड़ा टैग बिक्री के लिए कुछ मान प्रदर्शित करने वाला एक लंबवत 2 डी बार प्रदर्शित करता है। अंजीरता टैग लेबल "बिक्री" प्रदर्शित करता है।मुझे एक आकृति टैग

मुझे आकृति के अंदर divs के लिए 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> 
+0

[डब्ल्यू 3 सी विकी 'आकृति' लेख] (http://www.w3.org/wiki/HTML/Elements/figure) इसके कुछ अर्थपूर्ण उपयोगों को समझाता है, जो विविध हैं। ['Figure' spec] (http://www.w3.org/TR/html5/grouping-content.html#the-figure-element) कहता है कि इसमें वैकल्पिक 'figcaption' तत्व के साथ" प्रवाह सामग्री "होनी चाहिए प्रवाह सामग्री से पहले या बाद में। प्रवाह सामग्री मूल रूप से [इस सूची] पर कुछ भी है (http://www.w3.org/TR/html5/dom.html#flow-content-1)। टीएल; डीआर: आप वहां बहुत सारी चीज़ें डाल सकते हैं, बस सुनिश्चित करें कि यह अर्थपूर्ण अर्थ बनाता है। साथ ही, 'आकृति' तत्वों के अंदर 'div' तत्वों की अनुमति है। – ajp15243

+0

हाँ मैंने देखा कि div-tag प्रवाह सामग्री टैग्स में से एक है, धन्यवाद :) इसे समाधान में रखें? – HelloWorld

+0

उत्तर के रूप में पोस्ट किया गया :) – ajp15243

उत्तर

5

W3C Wiki figure article यह अर्थ का उपयोग करता है, जो विविध हैं में से कुछ बताते हैं। figure spec कहता है कि इसमें प्रवाह सामग्री से पहले या उसके बाद वैकल्पिक figcaption तत्व के साथ "प्रवाह सामग्री" होनी चाहिए। प्रवाह सामग्री मूल रूप से this list पर कुछ भी है।

टीएल; डीआर: आप वहां बहुत सारी चीज़ें डाल सकते हैं, बस सुनिश्चित करें कि यह अर्थपूर्ण अर्थ बनाता है।

इसके अलावा, div तत्वों को figure तत्वों के अंदर अनुमति दी गई है (उपरोक्त लिंक में सूची देखें)।

+0

इसके बावजूद कि आपका उत्तर सही है, मुझे एहसास हुआ है कि मैं गलत तरीके से अंजीर का उपयोग करता हूं। डब्ल्यू 3 सी का कहना है कि इस आंकड़े में एक अंजीर है लेकिन मेरा अंजीर चित्र के बाहर है। एचएम ... वह बहुत बेवकूफ है। मैं नहीं बदल सकता कि यह तकनीकी प्रदर्शन समस्याओं का कारण बन जाएगा ... – HelloWorld

+0

@ हैलोवर्ल्ड मैंने देखा कि आपने 'चित्र 'के बाहर' figcaption' रखा था। ध्यान दें कि 'आकृति' को 'figcaption' की आवश्यकता नहीं है। मैंने ['figcaption' spec] (http://www.w3.org/TR/html5/grouping-content.html#the-figcaption-element) को देखा, और यह कहता है कि यह" प्रकृति की सामग्री का प्रतिनिधित्व करता है तत्व के मूल आकृति तत्व, * यदि कोई * * (जोर मेरा)। "अगर कोई" भाग मेरा तात्पर्य है कि 'आकृति' तत्व के बाहर 'figcaption' की अनुमति है, लेकिन उस मामले में इसका अधिक अर्थ नहीं हो सकता है। तो यह तकनीकी रूप से सही है, लेकिन शायद इसे 'आंकड़ा' के बाहर रखने के लिए अर्थपूर्ण रूप से सही नहीं है। – ajp15243

+0

आह अच्छी तरह से जब मैं आकृति का उपयोग करता हूं और मेरे पास एक तत्व है जिसमें आकृति के भीतर प्रत्येक तत्व के लिए एक अर्थ है, मैं एक अंजीर का उपयोग करना चाहता हूं और मैं पतला एनके जो वास्तव में सही है, मुझे लगता है कि मुझे 100% अर्थात् सही होना चाहिए :) – HelloWorld

संबंधित मुद्दे