2013-02-13 14 views
91
<img src='stackoverflow.png'> 
<img src='stackoverflow.png'></img> 
<img src='stackoverflow.png' /> 

उनमें से कौन सा सही है?<img> टैग को ठीक से कैसे बंद करें?

+6

प्रश्न यह है कि " टैग को ठीक से कैसे बंद करें?" जो एक वास्तविक सवाल है, और उत्तर उपयोगी हैं। यह सवाल बंद नहीं होना चाहिए था। – buffjape

+3

सवाल, वर्तमान में, ठीक है। यह ** ** अस्पष्ट, अस्पष्ट, अधूरा, अत्यधिक व्यापक, या rhetorial नहीं है। नीचे भी एक अच्छा जवाब है। –

+0

मुझे नहीं पता कि निम्न में से कौन सा उत्तर सही है, लेकिन दिलचस्प बात यह है कि फ़ायरफ़ॉक्स के कोड इंस्पेक्टर टैग के अंत में जोड़ता है यदि आप इसे वहां नहीं डालते हैं। और आईई नहीं करता है। यह मेरे ब्रह्मांड में महत्वपूर्ण है। – Chiwda

उत्तर

36
<img src='stackoverflow.png' /> 

ठीक काम करता है और टैग को ठीक से बंद करता है। दृष्टिहीन लोगों के लिए alt विशेषता जोड़ने के लिए सर्वश्रेष्ठ।

+0

मुझे यह जवाब पसंद आया, इसके बारे में सोचें, भले ही यह xhtml के लिए है, एक स्व-समापन टैग क्यों खोलें और बंद करें? – Toping

+4

और यह आईई के लिए काम करता है! –

+7

@ marvin-rabe द्वारा उत्तर अधिक पूर्ण और सही है। –

129

यह एक valid HTML5 है और यह इसे बंद किए बिना बिल्कुल ठीक है। यह एक तथाकथित शून्य तत्व है:

<img src='stackoverflow.png'> 

निम्नलिखित मान्य एक्सएचटीएमएल टैग हैं। उन्हें बंद करना होगा। बाद में एचटीएमएल 5:

<img src='stackoverflow.png'></img> 
<img src='stackoverflow.png' /> 
+5

यह केवल वैध HTML5 नहीं है, बल्कि HTML4 में भी मान्य है। जैसा कि आपने कहा है, एचटीएमएल को स्व-बंद "शून्य" तत्वों की आवश्यकता नहीं है। सुसंगत उत्तर के लिए +1। –

+2

देखें: http://dev.w3.org/html5/markup/syntax.html#void-element –

+1

एचटीएमएल 5 या एक्सएचटीएमएल डब्ल्यू 3 सी के एचटीएमएल चेकर के साथ मान्य होने में असफल हो जाएगा यदि लक्ष्य 4.01 संक्रमणशील और उच्चतर है। यह भी देखें [डब्ल्यू 3 सी मार्कअप सत्यापन सेवा] (https://validator.w3.org/)। आपको एक '' (यदि यह आपके लिए महत्वपूर्ण है) का उपयोग करने की आवश्यकता है। – jww

-4

एचटीएमएल पेज पर इस्तेमाल होने वाला एक HTML छवि टैग निम्न है।

<img src="smiley.gif" alt="Smiley face" 
    height="42" width="42"> 
+0

मैं सभी उपरोक्त सुझावों की कोशिश की है, लेकिन मेरे खुलने वाला टैग अभी भी रेखांकित किया गया है: '' भी '' भी '' 'भी ' – Joshua

+4

यह सिर्फ [W3Schools उदाहरण] से सीधे खींच लिया जाता है (http://www.w3schools.com/tags/tag_img।एएसपी) सही या सर्वोत्तम क्या है, जो किसी भी चिंता के बिना * प्रश्न * बिंदु है। –

-6

आप मेटा टैग में शो छवि के लिए <img> टैग का उपयोग करने की आवश्यकता नहीं है बस यू क्या जरूरत है पथ और खोज इंजन & फेसबुक दिखाने के लिए पथ से छवि प्राप्त होगा।

<meta name= 'image' content "http://your image path /> 
संबंधित मुद्दे