बोल्ड (उर्फ बोल्डफेस) को टाइपोग्राफी में जोर का एक मजबूत प्रकार माना जाता है। आधुनिक HTML में दो HTML एलिमेंट्स हैं जो डिफ़ॉल्ट रूप से अधिकांश ब्राउज़र्स में टेक्स्ट एलिमेंट पर बोल्ड फ़ॉन्ट-वेट (जिसे "बोल्डफेस" भी कहा जाता है) लागू करते हैं।
आप या तो <strong> टैग या <b> टैग का उपयोग कर सकते हैं, जैसे:
<p>स्ट्रॉन्ग टैग का उपयोग टेक्स्ट को <strong>जोर</strong> देने के लिए किया जाता है।</p> <p>b टैग का उपयोग टेक्स्ट को <b>जोर</b> देने के लिए किया जाता है।</p>आधुनिक HTML (HTML5) में, दोनों <strong> और <b> को सिमेंटिक और वैध माना जाता है। हालांकि वे दोनों आधुनिक ब्राउज़र्स में समान बोल्डफेस प्रेजेंटेशनल स्टाइलिंग प्राप्त करते हैं, उनका अर्थ या उद्देश्य समान नहीं है।
तो strong और b का उपयोग करने में क्या अंतर है, और आपको किसके लिए क्या उपयोग करना चाहिए?
<strong>एलिमेंट का उपयोग अत्यधिक महत्व के कंटेंट के लिए किया जाता है (जैसे चेतावनियाँ)।<b>एलिमेंट का उपयोग महत्व सुझाए बिना ध्यान आकर्षित करने के लिए किया जाता है।
<b> का उपयोग करने का एक उदाहरण:
स्पेनिश शब्द <b>idioma</b> का अर्थ "भाषा" है। इसकी उत्पत्ति ग्रीक से हुई है।उपरोक्त उदाहरण में, मैं, एक टाइपोग्राफर के रूप में, शब्द idioma को हाइलाइट करने का निर्णय लेता हूँ, इसलिए नहीं कि इसका बहुत महत्व है, बल्कि क्योंकि यह एक विदेशी, गैर-अंग्रेजी शब्द है जिसे मैं आसपास के टेक्स्ट से अलग दिखाना चाहता हूँ। यह एक स्टाइल-निर्णय है, बजाय इसके कि मुझे अर्थ व्यक्त करने के लिए कुछ करना चाहिए।
इसलिए यदि आप किसी चीज़ की ओर ध्यान आकर्षित करना चाहते हैं, बिना इसके पीछे एक विशिष्ट सिमेंटिक अर्थ के, <b> ऐतिहासिक रूप से (HTML5 से पहले) उपयोग करने के लिए सही होता। उस ने कहा, आधुनिक समय में, हम प्रेजेंटेशन के लिए HTML का उपयोग नहीं करते, हम CSS का उपयोग करते हैं, इसलिए मैं <b> का उपयोग नहीं करता।
<strong> का उपयोग करने का एक उदाहरण:
2020 में, <strong>सुरक्षा</strong> और <strong>प्रदर्शन</strong> आपकी SEO के लिए महत्वपूर्ण हैं।उपरोक्त उदाहरण में, मैंने सुरक्षा और प्रदर्शन को दृढ़ता से जोर देने का निर्णय लिया क्योंकि वे विषय वास्तव में आपकी वेबसाइट की SEO (और UX) के लिए बहुत महत्वपूर्ण हैं।
डिफ़ॉल्ट रूप से, <strong> और <b> अधिकांश ब्राउज़र्स में टेक्स्ट पर समान बोल्डफेस स्टाइलिंग लागू करेंगे, जो समझ में आने वाला बहुत भ्रम पैदा करता है। जब वे अलग-अलग उपयोग के मामलों के लिए अलग-अलग उपकरण हैं तो उन्हें एक जैसा क्यों दिखाया जाए?
मैं आपसे सहमत हूँ। यह कष्टप्रद है।
यही कारण है कि आप ब्राउज़र डिफॉल्ट्स को ओवरराइड करना चाह सकते हैं और उन पर अलग स्टाइलिंग लागू कर सकते हैं।
<strong> और <b> के बीच प्रेजेंटेशनली अंतर करने का एक अच्छा तरीका है, अपने <strong> एलिमेंट पर CSS के साथ 500 से 900 (फ़ॉन्ट फैमिली के आधार पर) का फ़ॉन्ट वेट लागू करना। जैसे:
strong { font-weight: 700; }और फिर <b> के लिए अलग स्टाइलिंग का उपयोग करें, जैसे:
b { font-weight: 400; color: green; }उपरोक्त स्टाइल सुझाव नहीं है, बल्कि एक उदाहरण है कि आप रेंडर्ड पेजेस को अपने ब्राउज़र में देखते समय यह याद रखना कैसे आसान बना सकते हैं कि आपने किसका उपयोग किया है।
यदि आप मार्कडाउन उपयोग कर रहे हैं
यदि आप <b> या <strong> को HTML से मार्कडाउन कन्वर्टर जैसे Browserling में मार्कडाउन में बदलने का प्रयास करते हैं, तो आप देखेंगे कि वे दोनों समान ** ** प्राप्त करते हैं — जो ब्राउज़र में <strong> के रूप में रेंडर होता है।
तो क्या बात है?
मुझे यकीन नहीं है। मुझे कोई मार्कडाउन गाइड नहीं मिला जो दिखाता हो कि मार्कडाउन सिंटैक्स का उपयोग करके <b> को ब्राउज़र में कैसे रेंडर किया जाए, कम से कम मार्कडाउन सिंटैक्स का उपयोग करके नहीं।
चिंता न करें, आप अभी भी मार्कडाउन फ़ाइलों के अंदर सीधे HTML सिंटैक्स लागू कर सकते हैं (जब तक आप पुराने संस्करण का उपयोग नहीं कर रहे)। इसलिए यदि आप <strong> के बजाय <b> का उपयोग करना चाहते हैं या आवश्यकता है, तो आप बस इसे इस तरह जोड़ सकते हैं:
यहाँ एक मार्कडाउन <b>फ़ाइल</b> के अंदर टेक्स्ट की एक लाइन है जो स्वचालित रूप से पैराग्राफ टैग्स द्वारा लपेटी जाती हैमैं यह ट्यूटोरियल मार्कडाउन में लिख रहा हूँ। अब मैं इस टेक्स्ट को <b> एलिमेंट से हाइलाइट करने जा रहा हूँ। यदि आप इस पैराग्राफ को मार्क और सेलेक्ट करते हैं और "इंस्पेक्ट" पर क्लिक करते हैं तो आप देखेंगे कि यह वास्तव में <b> एलिमेंट का उपयोग करता है।
क्या यह वास्तव में इतना मायने रखता है कि आप किसका उपयोग करते हैं?
यह स्पष्ट रूप से जीवन या मृत्यु का मुद्दा नहीं है, या आधुनिक ब्राउज़र्स <b> और <strong> को समान बोल्डफेस स्टाइलिंग के साथ रेंडर नहीं करते।
हालांकि, सिमेंटिक रूप से, एक अंतर है, जो वह संदेश है जिसे मैं पहुँचाना चाहता था। इसलिए यदि आप नौकरी के इंटरव्यू में जा रहे हैं, जहां वे सिमेंटिक मार्कअप की बहुत परवाह करते हैं, तो अंतर जानना महत्वपूर्ण है।
सारांश में:
<b>विशिष्ट टेक्स्ट की ओर ध्यान आकर्षित करने के लिए उपयोग किया जाता है।<strong>महत्वपूर्ण टेक्स्ट के लिए उपयोग किया जाता है।- संदेह होने पर,
<strong>का उपयोग करें।
एक अच्छा नियम है जोर का दुरुपयोग करने से पूरी तरह बचने का। जब आप बहुत अधिक जोर देने की कोशिश करते हैं, तो जोर अपनी शक्ति खो देता है। यदि आप हर चीज़ पर जोर देते हैं तो आप किसी चीज़ पर जोर नहीं देते (मैं आपको देख रहा हूँ, जेनेरिक मार्केटिंग लैंडिंग पेज साइट्स)।
