एचटीएमएल 5 - क्या मैं आईएमजी में चौड़ाई और ऊंचाई का उपयोग कर सकता हूं?

Question

यह इस कोड का उपयोग करने के लिए कानूनी है:

<img src="...(here image)...." width="50px" height="50px" /> 

या मैं उपयोग करने की आवश्यकता:

<img src="...(here image)..." style="width: 50px; height: 50px;" /> 

Answer 1

ब्राउज़र के प्रतिपादन के लिए संकेतों के रूप में पहले उपयोग की सिफारिश की जाती है, दूसरा काम करता है।

पहले फॉर्म में आपको 'px' नहीं जोड़ना चाहिए।

http://www.w3.org/TR/html5/embedded-content-0.html#dimension-attributes

Answer 2

शैली = तरीका पसंद किया जाता है ... वास्तव में यह और भी बेहतर अगर आपको लगता है कि स्टाइल में ले जाया गया होगा एक सीएसएस फ़ाइल या अपने हेडर में एक स्टाइल टैग में बाहर।

Answer 3

एचटीएमएल 5 विनिर्देश के अनुसार:

चौड़ाई और ऊंचाई img पर जिम्मेदार बताते हैं ... तत्व का दृश्य सामग्री के आयाम देने के लिए निर्दिष्ट किया जा सकता

स्रोत: http://www.w3.org/TR/2011/WD-html5-20110113/the-map-element.html#dimension-attributes

एच के अनुसार भी टीएमएल 5 विनिर्देश, सभी तत्वों में स्टाइल गुण हो सकते हैं। स्रोत: http://www.w3.org/TR/html5/elements.html#the-style-attribute

इसलिए, चूंकि दोनों की अनुमति है, तो आप अपनी पसंद के अनुसार जो कुछ भी चुनते हैं उसे चुनने के लिए स्वतंत्र हैं।

Answer 4

सीएसएस 'img' पर लागू सीएसएस छवि टैग पर मूल HTML चौड़ाई & ऊंचाई विशेषताओं को ओवरराइट करेगा।

<style> 
    img { 
     width: 100%; 
     height: auto; 
    } 
</style> 

<img src="assets/img/logo.png" width="500" height="100"> 

ऊपर कोड एक छवि है कि इसके कंटेनर की पूरी चौड़ाई में फैला है में परिणाम होगा और इसकी ऊंचाई इसकी चौड़ाई के लिए संबंधित हो जाएगा।

यह दृष्टिकोण सहायक है यदि आप रेट-उपयुक्त ग्राफिक्स को गेट-गो से लोड कर रहे हैं।

Answer 5

जैसा कि पहले ही उल्लेख किया है:

• सीएसएस मामले में जहां दोनों मौजूद हैं <img> attrinutes के ऊपर लिख, केवल ब्राउज़र के लिए संकेत
• <img> attrinutes हैं।
  • HTML5 में width और height विशेषताओं इकाइयों के बिना पूर्णांकों, कि CSS पिक्सेल के रूप में व्याख्या कर रहे हैं होना चाहिए:

  एक और अंतर यह इकाइयों के उपयोग है। व्यावहारिक रूप से brouwsers % (जो HTML4 में मान्य था) सहन करते हैं, लेकिन यदि आप width="5cm" जैसे कुछ डालते हैं तो इसे width="5" (यानी 5px) के रूप में व्याख्या किया जाएगा।

• जब आप सीएसएस का उपयोग करते हैं, तो किसी भी लंबाई इकाइयों और गैर पूर्णांक संख्याओं की अनुमति है, उदाहरण के लिए width: 5.5cm ठीक है। और आपको इकाइयों का उपयोग करना चाहिए (उदाहरण के लिए width: 5 मान्य सीएसएस चौड़ाई नहीं है)।

तो, आईएमओ, यदि संभव हो तो आपको सीएसएस का उपयोग करना चाहिए।