सीएसएस की बजाय HTML में छवि आयाम देने का मुख्य कारण यह है कि उपयोगकर्ता एजेंट (ब्राउज़र) छवि के लिए पृष्ठ में उचित मात्रा में स्थान छोड़ सकता है, जबकि ब्राउजर इसके लिए प्रतीक्षा कर रहा है भार। यदि छवि का आकार सेट नहीं किया जाता है, तो छवि को डाउनलोड होने के बाद ब्राउज़र को पृष्ठ को फिर से प्रस्तुत करना होगा - और पृष्ठ पर प्रत्येक आगामी छवि के लिए फिर से ऐसा करना होगा।
उन कारणों के लिए, प्रदर्शनकारी मार्कअप इस संस्करण में एचटीएमएल से हटा दिया गया:
WHATWG HTML5 डॉक्स presentational markup पर अनुभाग में निम्न राज्य। यह परिवर्तन आश्चर्यचकित नहीं होना चाहिए; एचटीएमएल 4 ने कई साल पहले प्रस्तुतिकरण मार्कअप को हटा दिया और लेखकों को प्रस्तुतित्मक मार्कअप से दूर जाने में मदद करने के लिए एक मोड (एचटीएमएल 4 संक्रमण) प्रदान किया; बाद में, एक्सएचटीएमएल 1.1 आगे बढ़ गया और उन सुविधाओं को पूरी तरह से अप्रचलित कर दिया।
मैं, ग्रहण करेंगे कि चूंकि प्रतिशत मान तत्व है, जिसमें एक छवि निहित है के सापेक्ष हैं, वे प्रस्तुतिकरण माना जाता है, जबकि पिक्सेल आयाम पूर्ण कर रहे हैं और प्लेटफार्मों, उपयोगकर्ता एजेंटों, या देखने बंदरगाहों में अलग अलग नहीं होंगे ।
कई HTML गुणों और विशेषताओं के साथ, आप अमान्य, अप्रचलित, या अनुशंसित वाक्यविन्यास का उपयोग कर सकते हैं और ब्राउज़र अभी भी आपके पृष्ठ को प्रस्तुत करेंगे। यह आंशिक रूप से है क्योंकि वे आमतौर पर पिछड़े-संगत होते हैं - यानी। जब वाक्यविन्यास वैध था, तो वे मार्कअप भाषा के पिछले संस्करणों में लिखे गए HTML दस्तावेज़ प्रस्तुत कर सकते हैं।
क्या आप अवैध वाक्यविन्यास का उपयोग करना चाहिए? खैर, आप कर सकते हैं, लेकिन इसके लिए डाउनसाइड्स हैं: अमान्य तत्वों का अप्रत्याशित ब्राउज़र प्रतिपादन, खराब ब्राउज़र प्रदर्शन, क्रॉस-ब्राउज़र संगतता समस्याएं, संभावित सुरक्षा चिंताओं और बहुत कुछ। वहां यह भी ज्ञान है कि एचटीएमएल पेडेंट्स हैं जो आपके सिंटैक्स को देख रहे हैं जैसे कुत्ते ने कुछ फेंक दिया है। आखिरकार, यदि आप कुछ सही तरीके से कर सकते हैं - अपने सीएसएस में अपनी प्रतिशत चौड़ाई निर्दिष्ट नहीं करते हैं, तो अपने एचटीएमएल में नहीं - मुझे कुछ गलत करने में कोई बात नहीं दिखती है क्योंकि ब्राउजर जिस पर आपने इसे आजमाया है, अभी भी प्रस्तुत करेगा पन्ना।
जैसा कि मेरी टिप्पणी में उल्लेख किया गया है, छवि चौड़ाई और ऊंचाई को विभिन्न अलग-अलग इकाइयों - पिक्सल, ईएमएस, रीम्स, प्रतिशत, सेंटीमीटर, इंच इत्यादि का उपयोग करके सीएसएस में निर्दिष्ट किया जा सकता है - css measurement units @ w3.org देखें।
कृपया ध्यान दें कि w3schools में अक्सर इसकी साइट पर सामानों के बारे में गलत जानकारी होती है और यह ठीक से सीखने के लिए एक खराब संसाधन है। प्रतिशत चौड़ाई का उपयोग न करने का कोई कारण नहीं है (और इसका उपयोग उत्तरदायी डिज़ाइन के साथ बहुत अधिक किया जाता है): https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img। एकमात्र चीज जो मैं कहूंगा वह प्रतिशत की चौड़ाई के साथ प्रतिशत की चौड़ाई का उपयोग नहीं करती है क्योंकि आपका पहलू अनुपात – Pete
खो सकता है लेकिन ध्यान दें कि इस छवि की ऊंचाई के बारे में मोज़िला और w3schools दोनों के बारे में अधिक जानकारी या कारणों के बिना समान कह रहे हैं। –
मेरी धारणा यह है कि एचटीएमएल 5 द्वारा छवियों के पहलू अनुपात की गणना और समायोजन करने का ख्याल रखेगा। और इसके लिए, पिक्सेल में चौड़ाई को प्राथमिकता दी जाती है और प्रतिशत में नहीं। –