<B> और <strong>, <i> और <em> में क्या अंतर है?


778

बीच क्या अंतर है <b>और <strong>, <i>और <em>HTML / XHTML में? आपको प्रत्येक का उपयोग कब करना चाहिए?


2
इसे भी देखें: programmers.stackexchange.com/a/255588/12693
कोस

कम से कम अभी के लिए,
स्टैकऑवरफ्लो

MDN कैसे इन टैग इस्तेमाल किया जाना चाहिए पर (उदाहरण के साथ) स्पष्ट विवरण नहीं है: <em>, <strong>, <b>,<i>
totymedli

जवाबों:


1043

सामान्य वेब ब्राउज़र रेंडरिंग इंजन पर उनका समान प्रभाव होता है , लेकिन उनके बीच एक बुनियादी अंतर है।

जैसा कि लेखक एक चर्चा सूची पोस्ट में लिखते हैं :

तीन अलग-अलग स्थितियों के बारे में सोचें:

  • वेब ब्राउज़र्स
  • अंधे लोग
  • मोबाइल फोन

"बोल्ड" एक शैली है - जब आप "बोल्ड ए वर्ड" कहते हैं , तो लोग मूल रूप से जानते हैं कि इसका मतलब अधिक जोड़ना है, चलो "स्याही" कहते हैं, अक्षरों के आसपास जब तक वे बाकी अक्षरों के बीच अधिक नहीं खड़े होते हैं।

यह दुर्भाग्य से, अंधे व्यक्ति के लिए कुछ भी नहीं है। मोबाइल फोन और अन्य पीडीए पर, पाठ पहले से ही बोल्ड है क्योंकि स्क्रीन रिज़ॉल्यूशन बहुत छोटा है। आप कुछ बोल्ड किए बिना बोल्ड नहीं कर सकते।

<b>एक शैली है - हम जानते हैं कि "बोल्ड" कैसा दिखता है।

<strong>हालाँकि इस बात का संकेत है कि कुछ को कैसे समझा जाना चाहिए । एक ब्राउज़र में "स्ट्रॉन्ग" (और अक्सर करता है) का अर्थ "बोल्ड" हो सकता है, लेकिन इसका मतलब यह भी हो सकता है कि जबड़े (अंधे लोगों के लिए) जैसे बोलने वाले प्रोग्राम के लिए एक निचला टोन है या एक अंडरलाइन द्वारा प्रतिनिधित्व किया जा सकता है (क्योंकि आप बोल्ड नहीं कर सकते हैं एक पाम पायलट पर बोल्ड)।

HTML कभी भी शैलियों के बारे में नहीं थी। क्या कुछ खोजों के लिए "टिम बर्नर्स ली" और "अर्थ वेब।" <strong>शब्दार्थ है - यह उस पाठ का वर्णन करता है जो इसे घेरता है (उदाहरण के लिए, "यह पाठ आपके द्वारा प्रदर्शित पाठ के बाकी हिस्सों से अधिक मजबूत होना चाहिए" ) यह वर्णन करने के विरोध में कि यह कैसे घिरे पाठ को प्रदर्शित किया जाना चाहिए (जैसे, "यह पाठ होना चाहिए बोल्ड " )।


158
ध्यान दें कि HTML5 में <b> और <i> को अपग्रेड नहीं किया गया है। उनका नया उपयोग शैलियों (या इच्छित प्रस्तुति) को शब्दार्थ रूप से प्रस्तुत करने के लिए है, जबकि <strong> और <em> संरचना का प्रतिनिधित्व करते हैं । आपको
Natan

11
महान जवाब लेकिन मैं कहूंगा कि "आप बोल्ड को बोल्ड नहीं कर सकते हैं" गलत है क्योंकि आप मान रहे हैं कि यह एक बूलियन अवधारणा है, जब फ़ॉन्ट-वजन: अधिक चर दृष्टिकोण लेता है। अब जब उच्च निष्ठा स्क्रीन मौजूद है, तो बोल्डनेस के स्तर हैं।
ट्रैविसो

4
@ ट्राविसो का मानना ​​है कि वह पाम पायलट के विशिष्ट तकनीकी प्रतिबंधों पर बात कर रहा था।
ब्रायन ओर्टिज़

4
मुझे विश्वास नहीं है कि अक्षरों के गुच्छा का कोई आंतरिक अर्थ है, <b> यदि यह निर्णय लेते हैं तो ठीक उसी अर्थ का अर्थ हो सकता है जैसे <strong>। पाठकों के निर्माताओं ने क्या निर्णय लिया, क्या वे उनके साथ अलग तरह से या बिल्कुल उसी तरह से व्यवहार करते हैं?
अप्रैल

20
@deathApril लेकिन वे करते हैं! उनका अर्थ है! HTML आपके द्वारा निर्धारित या आपके द्वारा तय किए गए द्वारा परिभाषित नहीं है।
मिस्टर लिस्टर

229

<b>और <i>स्पष्ट हैं - वे क्रमशः बोल्ड और इटैलिक निर्दिष्ट करते हैं।

<strong>और <em>शब्दार्थिक हैं - वे निर्दिष्ट करते हैं कि संलग्न पाठ "मजबूत" या "जोर" होना चाहिए, आमतौर पर बोल्ड और इटैलिक, लेकिन सीएसएस के माध्यम से वास्तविक स्टाइल को नियंत्रित करने की अनुमति दें। इसलिए ये आधुनिक वेब पृष्ठों में पसंद किए जाते हैं।


15
अच्छे खर्च। दूसरी ओर, HTML 5 के साथ, <i> और <b> स्पष्ट होने के बजाय अर्थ होते हैं। आह।
ओरेगनगॉस्ट

1
क्या वो? मैं समय के पीछे हूँ ...!
टोनी एंड्रयूज

5
हां, मैंने जो सबसे अच्छा विवरण पढ़ा है, वह stellify.net/… है
Natan

25
HTML5 के लिए नए अर्थ अर्थ हैं bऔर i। वे टैग हैं जिनका आपको उपयोग करना चाहिए जब आपको गद्य के एक हिस्से पर ध्यान आकर्षित करने की आवश्यकता होती है, या सामान्य गद्य को ऑफसेट करने के लिए, बिना जोर दिए ( em), महत्व (के लिए strong), या प्रासंगिकता (के लिए mark)। bकुंजी शब्दों, उत्पाद के नाम, कार्रवाई करने योग्य शब्दों आदि के लिए है, जबकि iतकनीकी शब्दों, विचारों, वाक्यांशों आदि के लिए है, ईमानदारी से आईएमओ, दोनों के बीच अधिक अंतर होने की आवश्यकता है।
छरवे

2
बहुत खराब stellify.net पाठ (और शीर्षक) पूरी तरह से सबसे सस्ते कार्यालय पर नज़र रखता है और setups पर अपठनीय है ^ ^ (इसके विपरीत की कमी बस तेजस्वी है)
Oskar Duveborn

24

<strong>और <em>अपने दस्तावेज़ में अतिरिक्त अर्थ अर्थ जोड़ें। यह सिर्फ इतना होता है कि वे आपके पाठ को एक बोल्ड और इटैलिक शैली भी देते हैं।

आप निश्चित रूप से सीएसएस के साथ उनकी स्टाइल को ओवरराइड कर सकते हैं।

<b>और <i>दूसरी ओर केवल फ़ॉन्ट स्टाइल लागू होता है और अब इसका उपयोग नहीं किया जाना चाहिए। (क्योंकि आप सीएसएस के साथ प्रारूपण करने वाले हैं, और यदि पाठ वास्तव में महत्वपूर्ण था, तो आप शायद इसे "मजबूत" या "वैसे भी जोर देंगे!"

आशा है कि समझ में आता है।


2
यदि आप कहते हैं, <b> और <i> अब उपयोग नहीं किया जाना चाहिए, तो पुराने ब्राउज़र के बारे में क्या जो <em> और <strong> का समर्थन नहीं करता है?
निर्मान

4
@ निर्मैन यदि कोई व्यक्ति वेब को नेविगेट करने के लिए एक पुराने ब्राउज़र का उपयोग करता है, तो उसे दृश्य या सुरक्षा के दृष्टिकोण से, पहले से ही कई समस्याएं हैं। उसके कारण, मेरा मानना ​​है कि प्रोग्रामर और डिज़ाइनरों को अब पुराने ब्राउज़रों का समर्थन नहीं करना चाहिए।
यियो

4
नोट: यदि हम पुराने ब्राउज़र कहते हैं, तो हमारा मतलब है नेटस्केप 3 और IE2 यहाँ (IE3 और NS4 पहले से ही समर्थित <strong> और <em>)। यदि आपको वास्तव में उन 20 वीं सदी के ब्राउज़रों का समर्थन करने की आवश्यकता है, तो आप वास्तव में बड़ी परेशानियों में हैं।
मिस्टर लिस्टर

<b> and <i> on the other hand only apply font styling and should no longer be used.आधिकारिक HTML5 डॉक्स अन्यथा कहते हैं। प्रशस्ति पत्र की जरूरत?

1
यह उत्तर HTML5 जारी होने से 6 साल पहले पोस्ट किया गया था!
जेम्स

8

यहां सुझाए गए उपयोग के साथ परिभाषाओं का सारांश दिया गया है:

<b>... पाठ के अंतराल जो की ओर ध्यान किसी भी अतिरिक्त महत्व का संदेश के बिना और इस तरह के रूप में एक वैकल्पिक आवाज या मूड, का कोई निहितार्थ के साथ उपयोगितावादी प्रयोजनों के लिए तैयार की जा रही है कुंजी शब्द एक दस्तावेज सार में, उत्पादों के नाम एक समीक्षा में, कार्रवाई योग्य शब्दों में इंटरैक्टिव पाठ-संचालित सॉफ्टवेयर, या एक लेख का नेतृत्व किया

<strong> ... अब जोर देने के बजाय महत्व का प्रतिनिधित्व करता है।

<i>... एक वैकल्पिक स्वर या मनोदशा में पाठ की एक अवधि, या अन्यथा सामान्य गद्य से एक तरह से पाठ की एक अलग गुणवत्ता का संकेत देता है, जैसे कि एक टैक्सोनोमिक पदनाम , एक तकनीकी शब्द , दूसरी भाषा से एक मुहावरेदार वाक्यांश , एक विचार , या पश्चिमी ग्रंथों में एक जहाज का नाम

<em> ... जोर का संकेत देता है।

(ये सभी W3C स्रोतों के प्रत्यक्ष उद्धरण हैं, मेरे जोर के साथ। देखें: https://rawgithub.com/whatwg/html-differences/master/Overview.html#changed-elements और http://www.w3.org मूल के लिए /TR/html401/struct/text.html#h-9.2.1 )


7

<b>और <i>दोनों शैली से जुड़े हुए हैं, जबकि <em>और <strong>अर्थ हैं। HTML 4 में, पहले को फ़ॉन्ट शैली तत्वों के रूप में वर्गीकृत किया गया है , और बाद वाले वाक्यांश तत्वों के रूप में ।

जैसा कि आपने सही ढंग से इंगित किया है, <i>और <em>अक्सर समान माना जाता है, क्योंकि ब्राउज़र अक्सर इटैलिक में दोनों प्रस्तुत करते हैं। लेकिन विनिर्देशों के अनुसार, <em> जोर को <strong> इंगित करता है और मजबूत जोर को इंगित करता है , जो काफी स्पष्ट है, लेकिन अक्सर गलत व्याख्या की जाती है। दूसरी ओर, जब उपयोग करने के लिए <i>या <b>वास्तव में शैली के बीच का अंतर है।


1
strong"मजबूत जोर" का संकेत नहीं देता, बल्कि " महत्व " का। के लिए मजबूत जोर , घोंसला एक emदूसरे के अंदर तत्व emतत्व।
छरवे

@ TestSubject528491 यदि आप उन वाक्यांश तत्वों के लिंक का अनुसरण करते हैं, जिनका मैंने ऊपर उपयोग किया है, तो आप देखेंगे कि मैंने अभी युक्ति उद्धृत की है। मुझे नहीं लगता कि यह महत्व के शब्दार्थों के साथ टकराव करता है, न ही यह कि दो emएस के एक घोंसले पर जोर दिया जाता है, जिसे मैं समझता हूं कि आप सुझाव दे रहे थे।
करिअम

3
मुझे लगता है कि एचटीएमएल 5 कल्पना सिर्फ दोनों के बीच अंतर बना रही है। मेरी व्याख्या में, "जोर" का मतलब आवाज के स्वर में तनाव है। उदाहरण के लिए, "तुम से करना चाहते हैं उन जीन्स?" बनाम "आप उन जीन्स को खरीदना चाहते हैं ?" जोर प्लेसमेंट के कारण अलग-अलग अर्थ हैं। OTOH, "महत्व" प्लेसमेंट पर आधारित प्रभाव नहीं है। जैसे, " चेतावनी : कुत्ते से सावधान!" यदि महत्व को हटा दिया जाता है तो इसका वही अर्थ होगा।
छरवे २२'१२

<b> and <i> are both related to styleईआरएम। आधिकारिक HTML5 डॉक्स अन्यथा कहते हैं। प्रशस्ति पत्र की जरूरत?

एचटीएमएल 4 के लिए ऊपर लिंक @vaxquis: <b>और <i>फ़ॉन्ट शैली तत्व हैं, जबकि <em>और <strong>वाक्यांश तत्व हैं। इसे बेहतर बनाने के लिए कोई सुझाव? पूर्णता के लिए, और यह भी क्योंकि आपकी टिप्पणी में HTML 5.2 में एक उद्धरण शामिल नहीं था, इन सभी तत्वों का वर्णन सामग्री
Kariem

7

जबकि <strong>और <em>निश्चित रूप से अधिक सही हैं, ग्राहक-लिखित सामग्री के लिए <b>और <i>टैग का उपयोग करने के लिए निश्चित वैध कारण प्रतीत होते हैं ।

इस तरह की सामग्री में, शब्द या वाक्यांश बोल्ड या इटैलिक किए जा सकते हैं और यह आमतौर पर हमारे ऊपर नहीं होता है कि हम इस तरह के डांट या इटैलिकाइजिंग के लिए शब्दार्थ तर्क का विश्लेषण कर सकें।

इसके अलावा, इस तरह की सामग्री एक विशिष्ट अर्थ बताने के लिए बोल्ड और इटैलिक किए गए शब्दों और वाक्यांशों को संदर्भित कर सकती है।

एक उदाहरण एक अंग्रेजी परीक्षा का प्रश्न होगा जो एक छात्र को बोल्ड शब्द को बदलने का निर्देश देता है।


"अधिक शब्दार्थिक रूप से सही"? उससे तुम्हारा क्या मतलब है? क्या आपने b / i टैग पर HTML5 युक्ति पढ़ी है?

4

<em>और <strong>से अधिक बैंडविड्थ की खपत <i>और <b>

उन्हें अधिक टाइपिंग की आवश्यकता होती है (यदि ऑटो-जेनरेट नहीं किया गया है)।

वे अधिक पाठ के साथ संपादक स्क्रीन को भी अव्यवस्थित करते हैं। मुझे लगता है कि प्रोग्रामर छोटे स्रोत फ़ाइलों को पसंद करते हैं अगर वे समान हैं। (और वास्तविक हो, वे एक ही हैं। हाँ, वहाँ "तकनीकी" (<i> खांसी </ i>, अहम, मुझे माफ करना) मतभेद हैं, लेकिन यह ज्यादातर के साथ शुरू करने के लिए है।

उपरोक्त टैगों में से किसी के साथ, आप शैली पत्रक का उपयोग करने के लिए अनुकूलित कर सकते हैं कि वे कैसे दिखते हैं, लेकिन यदि आप चाहते हैं कि आपको उनकी चूक रेंडरिंग से अलग दिखाई दे।


1
योग्य, यह स्वीकृत उत्तर (HHOS) होना चाहिए तुम्हारा इस पूरे पृष्ठ पर सबसे डाउन-टू-अर्थ और सही उत्तर है, भले ही यह थोड़ा मजाक हो। "शब्दार्थ" के बारे में यह पूरी बात शुरू करने के लिए एक मूर्खतापूर्ण खेल है। हम सभी जानते हैं कि जो कोई भी इस प्रश्न को देखता है, वह यहां प्रमुख ब्राउज़र विक्रेताओं के साथ काम कर रहा है, क्रोम, फ़ायरफ़ॉक्स, IE, आदि। हम बस यह जानना चाहते हैं कि वास्तविक , वास्तविक अंतर क्या हो सकता है, न कि इस बारे में समिति क्या बहस करती है खाली समय की अपनी बहुतायत।
जीडीपी 2

2

जैसा कि अन्य लोगों ने कहा है कि <b> और <i> स्पष्ट हैं (अर्थात "इस पाठ को बोल्ड करें"), जबकि <strong> और <em> शब्दार्थ हैं (अर्थात "इस पाठ पर जोर दिया जाना चाहिए")।

एक आधुनिक वेब-ब्राउज़र के संदर्भ में, अंतर को देखना मुश्किल है (वे दोनों एक ही परिणाम, सही का उत्पादन करते दिखाई देते हैं?), लेकिन नेत्रहीनों के लिए स्क्रीन पाठकों के बारे में सोचते हैं। यदि एक स्क्रीन-रीडर एक <i> टैग में आता है, तो यह नहीं पता होगा कि क्या करना है। लेकिन अगर यह एक <em> टैग में आता है, तो यह पता है कि जो कुछ भी है उसे श्रोता पर जोर देना चाहिए। और उसमें आपको व्यावहारिक अंतर मिलता है।


<b> and <i> are explicit (i.e. "make this text bold"),ईआरएम। आधिकारिक HTML5 डॉक्स अन्यथा कहते हैं। प्रशस्ति पत्र की जरूरत?

2

<i>, <b>, <em>और <strong>टैग को पारंपरिक रूप से प्रतिनिधित्ववादी हैं। लेकिन उन्हें HTML5 में नया अर्थ अर्थ दिया गया है ।

<i>और <b>HTML4 में फ़ॉन्ट शैली के लिए उपयोग किया गया था। <i>इटैलिक और <b>बोल्ड के लिए इस्तेमाल किया गया था । HTML5 <i>टैग में ' वैकल्पिक आवाज या मनोदशा ' का नया अर्थ है और <b>टैग का अर्थ शैलीगत रूप से ऑफसेट है

<i>टैग के उदाहरण उपयोग हैं - टैक्सोनोमिक पदनाम, तकनीकी शब्द, किसी अन्य भाषा के मुहावरेदार वाक्यांश, पश्चिमी ग्रंथों में लिप्यंतरण, एक विचार, जहाज के नाम। जैसे कि -

<p><i>I hope this works</i>, he thought.</p>

<b>टैग के उदाहरण उपयोग एक दस्तावेज़ में कीवर्ड हैं, एक समीक्षा में उत्पाद के नाम, एक इंटरैक्टिव पाठ संचालित सॉफ्टवेयर में कार्रवाई योग्य शब्द, लेख लीड।

निम्नलिखित उदाहरण पैराग्राफ शैलीगत रूप से उस पैराग्राफ से ऑफसेट है जो इसका पालन करता है।

<p><b class="lead">The event takes place this upcoming Saturday, and over 3,000 people have already registered.</b></p>

<em>और <strong>HTML4 में जोर और मजबूत जोर का अर्थ था। लेकिन एचटीएमएल 5 में <em>साधन जोर जोर दिया और <strong>साधन मजबूत महत्व

निम्नलिखित उदाहरण में शब्द को पढ़ने से पहले एक भाषाई परिवर्तन होना चाहिए ...

<p>Make sure to sign up <em>before</em> the day of the event, September 16, 2016</p>

उसी उदाहरण में हम <strong>निम्नानुसार टैग का उपयोग कर सकते हैं ।।

<p>Make sure to sign up <em>before</em> the day of the event, <strong>September 16, 2016</strong></p>

घटना की तारीख पर महत्व देने के लिए।

MDN Ref:

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/b

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/i

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/em

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/strong


1

के रूप में दूसरों ने कहा है, अंतर यह है कि है <b>और <i>, hardcode फ़ॉन्ट शैली जबकि <strong>और <em>अर्थ अर्थ, हुक्म फ़ॉन्ट शैली के साथ (या ब्राउज़र स्वर-शैली तौर पर, या क्या-है-आप) समय पाठ प्रदान की गई है पर निर्धारित किया जाना (या बोली जाने)।

आप इसे "भौतिक" फ़ॉन्ट शैली और "तार्किक" शैली के बीच अंतर के रूप में सोच सकते हैं, यदि आप करेंगे। कुछ समय के बाद, आप रंग और आकार परिवर्तन जोड़ने के लिए शैली पत्रक में गुणों को बदलकर, या यहां तक ​​कि पूरी तरह से अलग-अलग फ़ॉन्ट चेहरों का उपयोग करने के लिए, कहने के तरीके <strong>और <em>पाठ को प्रदर्शित करने की इच्छा कर सकते हैं। यदि आपने हार्डककोड "भौतिक" मार्कअप के बजाय "तार्किक" मार्कअप का उपयोग किया है, तो आप बस अपनी शैली शीट में प्रत्येक स्थान पर प्रदर्शन गुणों को बदल सकते हैं, और फिर उस शैली पत्रक को संदर्भित करने वाले सभी पृष्ठ स्वचालित रूप से , बिना कभी उन्हें संपादित करने के लिए।

बहुत चालाक, हुह?

style=पैराग्राफ, टेबल सेल, हेडर टेक्स्ट, कैप्शन इत्यादि के लिए उप-शैलियों ( टेक्स्ट टैग में संपत्ति का उपयोग करके परिभाषित ) और टैग का उपयोग करने के पीछे तर्क भी है <div>। आप शैली पत्रक में अपनी तार्किक शैलियों के लिए भौतिक प्रतिनिधित्व को परिभाषित कर सकते हैं, और परिवर्तन स्वचालित रूप से वेब पेजों में परिलक्षित होते हैं जो उस शैली शीट को संदर्भित करते हैं। स्रोत कोड के लिए एक अलग प्रतिनिधित्व चाहते हैं? अपनी "कोड" शैली के लिए फ़ॉन्ट, आकार, वजन, रिक्ति, आदि को फिर से परिभाषित करें।

यदि आप एक्सएचटीएमएल का उपयोग करते हैं, तो आप अपने स्वयं के शब्दार्थ टैग भी परिभाषित कर सकते हैं, और आपकी शैली शीट आपके लिए भौतिक फ़ॉन्ट शैलियों और लेआउट के लिए रूपांतरण करेगी।


1
आप स्टाइल शीट का उपयोग पूरी तरह से बदलने के लिए कर सकते हैं जो <b>और <i>भी गाया जाता है। बहुत चालाक, हुह?
थॉमस एडिंग

bऔर iकुछ भी नहीं है। किसी भी एचएमटीएल टैग की तरह, उनके पास एक डिफ़ॉल्ट सीएसएस शैली है और किसी भी टैग के साथ, आप इसे अपनी इच्छानुसार देखने के लिए बदल सकते हैं।
मैकी

1

मैं वास्तव में प्रतिक्रियाओं के इस धागे में वर्णित कारणों के लिए दोनों <strong> और <b> का उपयोग करता हूं। ऐसे समय होते हैं जब कुछ पाठ बोल्ड-फेसिंग बस बेहतर दिखते हैं , लेकिन यह जरूरी नहीं है, बाकी शब्दों की तुलना में शब्दार्थ से अधिक महत्वपूर्ण है। इस पृष्ठ का एक उदाहरण मैं अभी काम कर रहा हूँ:

"<Strong> सभी </ strong> पुस्तकें <b> लैक्रोस </ b> के बारे में।"

उस वाक्य में, "सभी" शब्द बहुत महत्वपूर्ण है, और "लैक्रोस" कम इसलिए - मैं केवल इसे बोल्ड करना चाहता था क्योंकि यह एक खोज शब्द का प्रतिनिधित्व करता है, इसलिए मैं कुछ दृश्य अलगाव चाहता था। यदि आप स्क्रीन रीडर के साथ पृष्ठ देख रहे हैं, तो मुझे नहीं लगता कि शब्द "लैक्रोस" पर जोर देने के लिए इसे बाहर जाने की आवश्यकता है।

मैं कल्पना करना चाहूंगा कि अधिकांश वेब डेवलपर्स एक दूसरे का उपयोग करते हैं, लेकिन दोनों ठीक हैं - <b> निश्चित रूप से पदावनत नहीं किया जाता है, जैसा कि कुछ लोगों ने दावा किया है। मेरे लिए, यह दृश्य अपील और अर्थ के बीच की एक महीन रेखा है।


1

यदि सीएसएस शैली कक्षाओं का उपयोग किसी भी कारण से असंबद्ध या असंभव है (जैसे ब्लॉग सिस्टम, केवल कुछ टैग पोस्ट और अंत में एम्बेडेड शैलियों में उपयोग करने की अनुमति दें) के लिए उनका उपयोग करें। एक अन्य कारण बहुत पुराने ब्राउज़रों (कुछ मोबाइल उपकरणों?) या आदिम खोज इंजनों के लिए समर्थन है (जो सीएसएस शैलियों का विश्लेषण करने के बजाय <b>या <strong>टैग के लिए अंक देते हैं)।

यदि आप सीएसएस शैलियों को परिभाषित कर सकते हैं, तो उनका उपयोग करें।


1

<b> टैग का उपयोग करके टेक्स्ट बोल्ड के लिए

<strong> टैग का उपयोग करते हुए महत्वपूर्ण पाठ के लिए

<i> टैग का उपयोग करके पाठ इटैलिक शैली के लिए

<em> टैग के उपयोग पर जोर दिया गया पाठ के लिए


0

<b>और <i>इससे बचना चाहिए क्योंकि वे पाठ की शैली का वर्णन करते हैं। इसके बजाय, उपयोग करें <strong>और <em>क्योंकि यह पाठ के शब्दार्थ (अर्थ) का वर्णन करता है।

HTML में सभी चीजों के साथ, आपको यह सोचना चाहिए कि आप इसे कैसे देखना चाहते हैं , लेकिन वास्तव में आपका क्या मतलब है । निश्चित रूप से, यह आपके लिए बोल्ड और इटैलिक हो सकता है, लेकिन स्क्रीन रीडर के लिए नहीं।


2
पूरी तरह से गलत, <b> और <i> से बचा नहीं जाना चाहिए। HTML5 में उनके अर्थ अर्थ हैं।
user2867288

0

b या i का मतलब है कि आप पाठ को बोल्ड या इटैलिक के रूप में प्रस्तुत करना चाहते हैं। मजबूत या एम का मतलब है कि आप चाहते हैं कि पाठ को इस तरह से प्रस्तुत किया जाए कि उपयोगकर्ता "महत्वपूर्ण" समझे। डिफ़ॉल्ट रूप में मजबूत को बोल्ड और उन्हें इटैलिक्स के रूप में प्रस्तुत करना है, लेकिन कुछ अन्य संस्कृतियां एक अलग मैपिंग का उपयोग कर सकती हैं।

एक कार्यक्रम में तार की तरह, बी और मैं "हार्ड कोडित" होंगे जबकि मजबूत और उन्हें "स्थानीयकृत" किया जाएगा।


0

"उनका एक ही प्रभाव है। हालांकि, HTML का एक क्लीनर, XHTML, नया संस्करण, <strong>टैग के उपयोग की अनुशंसा करता है । मजबूत बेहतर है क्योंकि यह पढ़ना आसान है - इसका अर्थ स्पष्ट है। इसके अतिरिक्त, <strong>एक अर्थ बताता है - पाठ दिखा रहा है। दृढ़ता से - जबकि <b>(बोल्ड के लिए) एक विधि बताती है - पाठ को मोड़ना। मजबूत के साथ, आपका कोड अभी भी समझ में आता है कि यदि आप पाठ को मजबूत बनाने के तरीकों को बदलने के लिए CSS स्टाइलशीट का उपयोग करते हैं।

उसी के बीच अंतर के लिए चला जाता है <i>और <em>"।

Google dixit:

http://wiki.answers.com/Q/What_is_the_difference_between_HTML_tags_b_and_strong


0

HTML स्वरूपण तत्व:

HTML एक विशेष अर्थ के साथ पाठ को परिभाषित करने के लिए विशेष तत्वों को भी परिभाषित करता है। HTML बोल्ड या इटैलिक टेक्स्ट जैसे आउटपुट स्वरूपण के लिए <b> और <i> जैसे तत्वों का उपयोग करता है।

HTML बोल्ड और मजबूत स्वरूपण:

HTML <b> तत्व बिना किसी अतिरिक्त महत्व के बोल्ड टेक्स्ट को परिभाषित करता है।

<b>This text is bold</b>

HTML <strong> तत्व मजबूत पाठ को परिभाषित करता है, अतिरिक्त अर्थ "मजबूत" महत्व के साथ।

<strong>This text is strong</strong>

एचटीएमएल इटैलिक और जोरदार स्वरूपण:

HTML <i> तत्व बिना किसी अतिरिक्त महत्व के इटैलिक टेक्स्ट को परिभाषित करता है।

<i>This text is italic</i>

HTML <em> तत्व अतिरिक्त शब्दार्थ महत्व के साथ, बल वाले पाठ को परिभाषित करता है।

<em>This text is emphasized</em>

The HTML <b> element defines bold text, without any extra importance. The HTML <i> element defines italic text, without any extra importance.ईआरएम। आधिकारिक HTML5 डॉक्स अन्यथा कहते हैं। प्रशस्ति पत्र की जरूरत?

0

आप आम तौर पर से बचने के लिए प्रयास करना चाहिए <b>और <i>। सीएसएस के निर्माण से पहले एचएमटीएल संस्करणों में पृष्ठ को लेआउट करने के तरीके (जिस तरह से यह दिखता है) को शुरू करने के लिए पेश किया गया था, इस तरह से हटाए गए fontटैग की तरह, और मुख्य रूप से पिछड़े संगतता के लिए रखा गया था और क्योंकि कुछ फोरम एचटीएमएल को अनुमति देते हैं और यह एक आसान है पाठ का रूप बदलने का तरीका (जैसे बीबीसीोड का उपयोग करके [i], आप उपयोग कर सकते हैं <i>और इसी तरह)।

सीएसएस के निर्माण के बाद से, लेआउटिंग वास्तव में ऐसा कुछ भी नहीं है जिसे अब एचटीएमएल में किया जाना चाहिए, इसीलिए सीएसएस को पहली जगह (एचटीएमएल == संरचना, सीएसएस == लेआउट) में बनाया गया है। ये टैग भविष्य में भी गायब हो सकते हैं, आखिरकार आप सीएसएस का उपयोग कर सकते हैं और spanपाठ को बोल्ड / इटैलिक बनाने के लिए टैग का उपयोग कर सकते हैं यदि आपको "अर्थहीन" फ़ॉन्ट भिन्नता की आवश्यकता है। एचटीएमएल 5 अभी भी उन्हें अनुमति देता है लेकिन उस मार्किंग टेक्स्ट की घोषणा करता है जिस तरह से कोई अर्थ नहीं है

<em>और <strong>दूसरी ओर केवल यह कहता है कि कुछ "जोर" या "जोरदार जोर" है, यह इसे पूरी तरह से ब्राउज़र पर छोड़ देता है कि इसे कैसे प्रस्तुत किया जाए। अधिकांश ब्राउज़र emइटैलिक और strongबोल्ड के रूप में प्रस्तुत करेंगे, जैसा कि मानक डिफ़ॉल्ट रूप से बताता है, लेकिन वे ऐसा करने के लिए मजबूर नहीं होते हैं (वे अलग-अलग रंगों, फ़ॉन्ट आकार, फोंट, जो भी हो) का उपयोग कर सकते हैं। आप व्यवहार को अपनी इच्छानुसार बदलने के लिए CSS का उपयोग कर सकते हैं। उदाहरण के लिए emयदि आप पसंद करते हैं और strongबोल्ड और लाल, तो आप बोल्ड बना सकते हैं ।


7
<b> और <i> HTML 4 में अपदस्थ नहीं हैं, और अभी भी आगामी HTML 5 में पूरी तरह से समर्थित हैं। <em> और <strong> उनके लिए प्रतिस्थापन नहीं हैं। यह भी देखें w3.org/TR/html401/index/elements.html
thomasrutter

1
@thomasrutter वे अभी भी HMTL5 में हैं, लेकिन एक अलग अर्थ के साथ और उनका उपयोग कैसे करें या कैसे करें, इसका बहुत विस्तृत विवरण के साथ कि वे कैसे उपयोग न करें। ध्यान दें कि इन टैग्स का कोई अर्थ नहीं है (बोल्ड और इटैलिक अर्थ नहीं हैं , वे डिजाइन निर्देश हैं और HMTL अर्थ के बारे में है, सीएसएस aobut डिजाइन है) - HTML यह वर्णन करने के बारे में है कि कोई पाठ क्या है और इसे कैसे प्रस्तुत करना है (यह अलग था) एक अच्छे कारण के लिए HMTL3 के बाद),।
मकी

-2

<strong>और <em>अमूर्त हैं (जो लोग इसका अर्थ है जब वे कहते हैं कि यह अर्थ है)। <b>और <i>"मजबूत" या "जोर" बनाने के कुछ विशिष्ट तरीके हैं

सादृश्य:

दोनों <strong>को है <b>और <em>करने के लिए है<i>

जैसा

"वाहन" "जीप" के लिए है


1
मैं नहीं देखता कि यह जवाब क्यों दिया गया। समान सामग्री वाले कई अन्य उत्तर अच्छी तरह से प्राप्त हुए हैं।
aditya_m

-4

हम <strong>टेक्स्ट के लिए टैग का उपयोग करते हैं जिसमें उत्पाद के नाम, कंपनी का नाम आदि जैसे एसईओ उद्देश्यों के लिए उच्च प्राथमिकता है, जबकि <b>सरल इसे बोल्ड बनाता है।

इसी तरह, हम <em>टेक्स्ट के लिए उपयोग करते हैं जिसमें SEO के लिए उच्च प्राथमिकता है, जबकि <i>टेक्स्ट को केवल इटैलिक बनाने के लिए।


4
कुछ HTML टैग्स में वास्तव में SEO एप्लिकेशन होता है। मेटा विवरण, मेटा रोबोट, या कुछ को नाम देने के लिए विहित लिंक। जहां तक ​​हम जानते हैं, मजबूत / ईएम इनमें से एक नहीं है, न तो सिद्धांत में और न ही व्यवहार में।
विक्की
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.