HTML या CSS

Question

This link में निर्दिष्ट छवि आकार के बीच का अंतर बहुत मेरे सवाल के पास आता है, लेकिन वास्तविक गाया उत्पादन के लिए अधिक से अधिक वाक्यविन्यास लागू करने के लिए लगता है: में परिभाषित किया जा सकता

मैं उस छवि ऊंचाई और चौड़ाई को देखने के वास्तविक एचटीएमएल img टैग, वास्तव में जिस तरह से मैंने इसे पढ़ा को परिभाषित किया जाना चाहिए। हालांकि, मैं इस बारे में सोच रहा हूं कि वास्तव में यह कैसे आता है कि छवि कैसे प्रदर्शित होती है। अगर मैं निम्नलिखित कोड

<img src="images/academia_vs_business.png" width="740" height="382" alt="" />

कोई सीएसएस stlying छवि के लिए लागू के साथ डालें, यह रेंडर किया जाएगा यह देशी चौड़ाई और ऊंचाई है पर?

मैं उस छवि को सीएसएस स्टाइल जोड़ने

img { 
    width: 400px 
} 

में के रूप में, यह निष्प्रभावी होगा html के width विशेषता कर हैं?

यदि मैं एचटीएमएल में किसी छवि की ऊंचाई और चौड़ाई निर्दिष्ट नहीं करता हूं, तो एकमात्र समस्या है कि मैं वास्तविक छवि आकार को गैर-दृश्य उपयोगकर्ता एजेंट को संदेश नहीं दे रहा हूं या अन्य समस्याएं हैं (जैसे ब्राउजर पृष्ठ लोड के दौरान imgs के लिए स्थान आवंटित नहीं कर सकते हैं)।

यदि सीएसएस छवि आकार को बदलने के लिए जा रहा है तो HTML टैग अनावश्यक में आकार निर्दिष्ट नहीं कर रहा है?

मुझे लगता है कि यह सब जगहों और आकार छवियों के लिए सबसे अच्छा अभ्यास के रूप में समझा जा सकता है और मुझे अन्य तकनीकों को सुनना अच्छा लगेगा।

Answer 1

the W3C website से:

यूए एक HTML स्रोत दस्तावेज़ में प्रस्तुतिकरण विशेषताओं को सम्मानित करने के लिए चुन सकते हैं। यदि ऐसा है, तो इन विशेषताओं को 0 के बराबर विशिष्टता वाले संबंधित सीएसएस नियमों में अनुवादित किया जाता है, और इन्हें माना जाता है जैसे वे लेखक स्टाइल शीट की शुरुआत में डाले गए थे। इसलिए उन्हें बाद के स्टाइल शीट नियमों से ओवरराइड किया जा सकता है। एक संक्रमण चरण में, यह नीति स्टाइलिस्ट विशेषताओं के लिए स्टाइल शीट के साथ मिलकर आसान बना देगी।

अधिक जानकारी के लिए this question को this answer देखें