<big> और <small> का अंतर
HTML5 में <small> टैग रखा गया है लेकिन <big> टैग को हटा दिया गया है। इसके पीछे अर्थपूर्ण (semantic) कारण हैं।
<small> टैग: रखा गया और पुनर्परिभाषित
HTML5 में <small> को "साइड-कॉमेंट्स और स्मॉल प्रिंट" (साइड नोट्स, कॉपीराइट नोटिस, कानूनी अस्वीकरण, आदि) को दर्शाने के लिए पुनर्परिभाषित किया गया है। यह केवल फॉन्ट आकार छोटा करने के लिए नहीं है।
<!DOCTYPE html>
<html>
<body>
<h2>सेवा की शर्तें</h2>
<p>हमारी सेवाओं का उपयोग करके, आप इन शर्तों से सहमत होते हैं।</p>
<p><small>© 2024 कंपनी नाम। सर्वाधिकार सुरक्षित।</small></p>
<p><small>अस्वीकरण: यह जानकारी केवल सामान्य उद्देश्यों के लिए है।</small></p>
</body>
</html>
<big> टैग: क्यों हटाया गया?
| कारण | व्याख्या |
|---|---|
| केवल प्रस्तुति | <big> का कोई अर्थपूर्ण अर्थ नहीं था; यह केवल फॉन्ट आकार बढ़ाता था |
| CSS विकल्प | font-size: larger या font-size: 1.2em CSS के साथ बेहतर नियंत्रण देता है |
| संगति | HTML5 प्रस्तुति को सामग्री से अलग करता है; <big> इस सिद्धांत का उल्लंघन करता है |
| पहुँच | स्क्रीन रीडर्स के लिए <big> का कोई अर्थ नहीं; CSS दृश्य स्टाइलिंग तक सीमित है |
ब्राउज़र समर्थन
कुछ ब्राउज़र्स अभी भी <big> रेंडर कर सकते हैं (पिछड़े संगतता के लिए), लेकिन यह मानक-अनुरूप नहीं है और किसी भी समय काम करना बंद कर सकता है।
विकल्प: CSS का उपयोग करें
<!-- खराब: निरस्त टैग -->
<big>बड़ा टेक्स्ट</big>
<!-- अच्छा: CSS क्लास -->
<span class="text-large">बड़ा टेक्स्ट</span>
<!-- अच्छा: इनलाइन स्टाइल (त्वरित उपयोग के लिए) -->
<span style="font-size: 1.2em;">बड़ा टेक्स्ट</span>
<style>
.text-large { font-size: 1.2em; }
.text-small { font-size: 0.875em; }
</style>
उपयोग तुलना
| कॉपीराइट नोटिस | <small>© 2024</small> ✅ अर्थपूर्ण |
| कानूनी अस्वीकरण | <small>शर्तें लागू</small> ✅ अर्थपूर्ण |
| साइड नोट | <small>* केवल नए ग्राहकों के लिए</small> ✅ अर्थपूर्ण |
| दृश्य रूप से बड़ा शीर्षक | <h1> या <span class="large"> ❌ <big> नहीं |
| महत्वपूर्ण चेतावनी | <strong> या <em> + CSS ❌ <big> नहीं |
उदाहरण आउटपुट
यह वाक्य सामान्य आकार का है।
यह वाक्य छोटे आकार का है। (small टैग के साथ)
