2012-10-15 15 views
17

एचटीएमएल 5 में हम वर्तमान में एक <figure> तत्व है, की तरह परिभाषित किया गया तो (W3C reference)एचटीएमएल 5 में <figure> तत्व के अंदर <picture> का उपयोग?

आंकड़ा तत्व सामग्री की एक इकाई का प्रतिनिधित्व करता है वैकल्पिक रूप से एक शीर्षक के साथ, कि आत्म निहित है, कि आम तौर पर एक एकल के रूप में संदर्भित है दस्तावेज़ के मुख्य प्रवाह से इकाई, और दस्तावेज के अर्थ को प्रभावित किए बिना दस्तावेज़ के मुख्य प्रवाह से दूर ले जाया जा सकता है।

हाल ही में एक नए तत्व <picture>Responsive Images Community group द्वारा प्रस्तावित किया गया था और यह बहुत

की तरह एक छवि प्रदर्शित करने के लिए प्रयोग किया जाता तस्वीर तत्व है कि सूत्रों की एक सीमा से आ सकता है in the reference परिभाषित किया गया था (srcset विशेषता देखें) । उपयोगकर्ता छवि प्रदर्शित करने वाली छवि छवि छवि को प्राप्त करने के लिए एल्गोरिदम पर निर्भर करती है।

दो विवरण के बाद से विरोधाभासी नहीं हो रहा है (और चित्र पर प्रलेखन अभी तक मसौदा राज्य पर है) यहाँ मेरे सवाल: क्या यह संभव (तकनीकी रूप से और अर्थ की दृष्टि से) एक नेस्टेड picture एक figure तत्व के अंदर है, इस तरह?

<figure> 
    <picture> 
     <source ...> 
     <source ...> 
     <source ...> 
     <img..> 
    </picture> 

    <figcaption>...</figcaption> 
</figure> 

मुझे चश्मे में इसके बारे में कोई संदर्भ नहीं मिला है। : \

नोट: मुझे पता है कि कोई ब्राउज़र को लागू करता है वर्तमान में इस तत्व, मैं सिर्फ कुछ प्रयोगों के साथ jQuery picture

धन्यवाद बना रही हूँ हूँ।

+1

यह सिर्फ एक प्रस्ताव है। आप किसी भी विनिर्देशों में इसे तब तक ढूंढने की उम्मीद नहीं कर सकते जब तक कि इसे HTML5 कार्य समूह (जो भी हो) द्वारा शामिल करने के लिए अनुमोदित किया गया हो। शायद यह पूछने के लिए एक बेहतर जगह समुदाय समूह की मेलिंग सूची या HTML5 मेलिंग सूचियों में से एक है। – BoltClock

+0

क्या यह भी काम करता है? कभी भी '' टैगटैग –

+1

@MrAlien, इस तत्व के लिए एक jQuery पॉलीफ़िल है (http://jquerypicture.com/ देखें) – fcalderan

उत्तर

7

आपको यह नहीं मिलेगा क्योंकि यह वास्तव में अभी तक आधिकारिक नहीं है, लेकिन मुझे लगता है कि उत्तर हाँ है, यह ठीक है।

फिलहाल, आप कुछ पसंद है:

<figure> 
    <img src="image.jpg" alt="The Image"> 
    <figcaption>A Caption</figcaption> 
</figure> 

और <picture> बस उत्तरदायी साइटों के लिए एक बहु src'd <img> है की एक विधि करने के लिए है, इसलिए तकनीकी रूप से ऐसा लगता है कि प्रतीत होता है - अगर इसे मंजूरी दे दी गई - आपका उदाहरण मान्य है।

23

मैट मार्क्विस यहां- मैं picture spec (http://picture.responsiveimages.org) पर संपादकों में से एक हूं।

संक्षिप्त उत्तर "हां" है, लंबा जवाब "निश्चित रूप से" है। अर्थात् सही (figure में छवियां, चार्ट, टेबल, कोड स्निपेट आदि शामिल हो सकते हैं), और 100% मान्य।

+2

धन्यवाद @ विल्टो। मुझे लगता है कि '

' और '' का उपयोग करने के उत्तरदायी छवियों समुदाय समूह वेबसाइट पर एक महान उदाहरण है: http: //picture.responsiveimages।संगठन/# उदाहरण -6 आपको इसे @ fabrizio-calderan से बाहर देखना चाहिए। – mikkelz

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