टाइपोग्राफी में बोल्ड (उर्फ बोल्डफेस) को एक मजबूत प्रकार का जोर माना जाता है। आधुनिक HTML में दो HTML तत्व हैं जो डिफ़ॉल्ट रूप से एक टेक्स्ट तत्व (अधिकांश ब्राउज़रों में) के लिए एक बोल्ड फ़ॉन्ट-वेट (जिसे "बोल्डफेस" भी कहा जाता है) लागू करते हैं।
आप या तो <strong> . का उपयोग कर सकते हैं टैग या एक <b> टैग, इस तरह:
<p>The strong tag is used to <strong>emphasize</strong> text.</p>
<p>The b tag is used to <b>emphasize</b> text.</p>
आधुनिक HTML (HTML5) में, दोनों <strong> और <b> अर्थपूर्ण और मान्य माने जाते हैं। हालांकि आधुनिक ब्राउज़रों में दोनों को एक ही बोल्डफेस प्रेजेंटेशनल स्टाइल मिलता है, लेकिन उनका एक ही अर्थ या उद्देश्य नहीं है।
तो मजबूत और बी का उपयोग करने में क्या अंतर है, और आपको किसका उपयोग करना चाहिए?
- द
<strong>तत्व का उपयोग अत्यधिक महत्व की सामग्री (जैसे चेतावनियां) के लिए किया जाता है। - द
<b>महत्व का सुझाव दिए बिना ध्यान आकर्षित करने के लिए तत्व का उपयोग किया जाता है।
<b> . का उपयोग करने का एक उदाहरण :
The Spanish word <b>idioma</b> means “language”. It originates from Greek.ऊपर के उदाहरण में, मैं, एक टाइपोग्राफर के रूप में, idioma . शब्द को हाइलाइट करने का निर्णय लेता हूं इसलिए नहीं कि इसमें शानदार है महत्व, लेकिन क्योंकि यह एक विदेशी, गैर-अंग्रेजी शब्द है जिसे मैं आसपास के पाठ से बाहर खड़ा करना चाहता हूं। अर्थ बताने के लिए मुझे जो कुछ करना चाहिए, उसके बजाय यह एक शैली-निर्णय अधिक है।
इसलिए यदि आप किसी चीज़ पर ध्यान आकर्षित करना चाहते हैं, इसके पीछे एक विशिष्ट अर्थ अर्थ के बिना, <b> ऐतिहासिक रूप से (HTML5 से पहले) उपयोग करने के लिए सही होगा। उस ने कहा, आधुनिक समय में, हम प्रस्तुति के लिए HTML का उपयोग नहीं करते हैं, हम CSS का उपयोग करते हैं, इसलिए मैं <b> का उपयोग नहीं करता।
<strong> . का उपयोग करने का एक उदाहरण :
In 2020, <strong>security</strong> and <strong>performance</strong> are are
crucial for your SEO.ऊपर के उदाहरण में, मैंने सुरक्षा . पर ज़ोर देने का निर्णय लिया है और प्रदर्शन क्योंकि उन विषयों का वास्तव में आपकी वेबसाइट के SEO (और UX) के लिए बहुत महत्व है।
डिफ़ॉल्ट रूप से, <strong> और <b> अधिकांश ब्राउज़रों में टेक्स्ट पर समान बोल्डफेस स्टाइल लागू करेगा, जो स्पष्ट रूप से बहुत भ्रम का कारण बनता है। जब वे अलग-अलग उपयोग के मामलों के लिए अलग-अलग टूल हैं, तो उन्हें एक जैसा क्यों दिखाना है?
मैं आपसे सहमत हूँ। यह कष्टप्रद है।
यही कारण है कि आप ब्राउज़र डिफ़ॉल्ट को ओवरराइड करना और उन पर अलग स्टाइल लागू करना चाह सकते हैं।
<strong> . के बीच अंतर करने का एक अच्छा तरीका और <b> अपने <strong> पर 500 से 900 (फ़ॉन्ट परिवार के आधार पर) के फ़ॉन्ट भार को लागू करना है सीएसएस के साथ तत्व। इस तरह:
strong {
font-weight: 700;
}
और फिर <b> . के लिए भिन्न स्टाइल का उपयोग करें , जैसे:
b {
font-weight: 400;
color: green;
}उपरोक्त कोई शैली सुझाव नहीं है, बल्कि इसका एक उदाहरण है कि आप अपने ब्राउज़र में रेंडर किए गए पृष्ठों को देखते समय किसका उपयोग करना याद रखना आसान बना सकते हैं।
यदि आप मार्कडाउन का उपयोग कर रहे हैं
अगर आप <b> . में से किसी एक को बदलने की कोशिश करते हैं या <strong> एक HTML में मार्कडाउन कनवर्टर जैसे ब्राउजिंग में मार्कडाउन करने के लिए आप देखेंगे कि वे दोनों एक ही ** ** प्राप्त करते हैं — जो <strong> . पर रेंडर हो जाता है ब्राउज़र में।
तो क्या देता है?
मुझे यकीन नहीं है। मुझे कोई मार्कडाउन गाइड नहीं मिल रहा है जो दिखाता है कि <b> . कैसे रेंडर किया जाता है मार्कडाउन का उपयोग करते समय ब्राउज़र में, कम से कम मार्कडाउन सिंटैक्स का उपयोग करके नहीं।
चिंता न करें, आप अभी भी सीधे मार्कडाउन फ़ाइलों के अंदर HTML सिंटैक्स लागू कर सकते हैं (जब तक कि आप पुराने संस्करण का उपयोग नहीं कर रहे हों)। इसलिए यदि आप चाहते हैं या उपयोग करने की आवश्यकता है <b> <strong> . के बजाय , आप इसे बस इस तरह जोड़ सकते हैं:
Here is a line of text inside a <b>markdown</b> file which automatically gets wrapped by paragraph tags
मैं इस ट्यूटोरियल को मार्कडाउन में लिख रहा हूं। अब मैं इस पाठ को हाइलाइट करने जा रहा हूं <b> . के साथ तत्व। यदि आप इस अनुच्छेद को चिह्नित करते हैं और चुनते हैं और "निरीक्षण" पर क्लिक करते हैं तो आप देखेंगे कि यह वास्तव में <b> का उपयोग करता है तत्व।
क्या यह वास्तव में उतना ही मायने रखता है जितना आप उपयोग करते हैं?
यह स्पष्ट रूप से जीवन या मृत्यु का मुद्दा नहीं है, या आधुनिक ब्राउज़र प्रस्तुत नहीं करेंगे <b> और <strong> उसी बोल्डफेस स्टाइल के साथ।
हालाँकि, शब्दार्थ की दृष्टि से, एक अंतर है, जो वह संदेश है जिसे मैं पार करना चाहता था। इसलिए अगर आप नौकरी के लिए इंटरव्यू देने जा रहे हैं, जहां वे बहुत की परवाह करते हैं सिमेंटिक मार्कअप के बारे में, अंतर जानना महत्वपूर्ण है।
संक्षेप में:
<b>विशिष्ट पाठ पर ध्यान आकर्षित करने के लिए प्रयोग किया जाता है।<strong>महत्वपूर्ण पाठ के लिए प्रयोग किया जाता है।- संदेह होने पर
<strong>. का प्रयोग करें ।
अंगूठे का एक अच्छा नियम पूरी तरह से जोर का दुरुपयोग करने से बचना है। जब आप बहुत अधिक जोर देने की कोशिश करते हैं, तो जोर अपनी शक्ति खो देता है। यदि आप हर चीज पर जोर देते हैं तो आप किसी चीज पर जोर नहीं देते हैं (मैं आपको देख रहा हूँ, सामान्य मार्केटिंग लैंडिंग पृष्ठ साइटें)।