एचटीएमएल जोर टैग

आपके वेब डिज़ाइन शिक्षा में शुरुआती टैग में से एक टैग टैग की एक जोड़ी है जिसे "जोर टैग" कहा जाता है। आइए देखें कि ये टैग क्या हैं और आज वेब डिज़ाइन में उनका उपयोग कैसे किया जाता है।

एक्सएचटीएमएल पर वापस

अगर आपने एचटीएमएल साल पहले सीखा है, तो एचटीएमएल 5 के उदय से पहले, आप शायद बोल्ड और इटालिक्स टैग दोनों का इस्तेमाल करते थे। जैसा कि आप उम्मीद करेंगे, इन टैगों ने तत्वों को क्रमशः बोल्ड टेक्स्ट या इटालिसिक टेक्स्ट में बदल दिया है। इन टैग्स के साथ समस्या, और उन्हें नए तत्वों के पक्ष में क्यों धकेल दिया गया था (जिसे हम जल्द ही देखेंगे), यह है कि वे अर्थपूर्ण तत्व नहीं हैं। ऐसा इसलिए है क्योंकि वे टेक्स्ट के बारे में जानकारी के बजाय टेक्स्ट को कैसे दिखाना चाहिए परिभाषित करते हैं। याद रखें, एचटीएमएल (जहां यह टैग लिखा जाएगा) संरचना के बारे में सब कुछ है, दृश्य शैली नहीं! दृश्यों को सीएसएस और वेब डिज़ाइन द्वारा संभाला जाता है, सर्वोत्तम प्रथाओं ने लंबे समय से यह माना है कि आपके पास अपने वेब पृष्ठों में शैली और संरचना का स्पष्ट पृथक्करण होना चाहिए। इसका मतलब उन तत्वों का उपयोग नहीं करना जो गैर-अर्थपूर्ण हैं और संरचना के बजाय कौन सा विवरण दिखता है। यही कारण है कि बोल्ड और इटालिक्स टैग आम तौर पर मजबूत (बोल्ड के लिए) और जोर (इटालिक्स के लिए) द्वारा प्रतिस्थापित किया गया है।

& Lt; strong & gt; और & lt; em & gt;

मजबूत और जोर तत्व आपके पाठ में जानकारी जोड़ते हैं, सामग्री का विवरण देते हैं जिसे अलग-अलग इलाज किया जाना चाहिए और उस सामग्री को बोले जाने पर जोर दिया जाना चाहिए। आप इन तत्वों का बहुत अधिक उपयोग करते हैं, वैसे ही आप अतीत में बोल्ड और इटालिक्स का इस्तेमाल करते थे। जोर से जोर देने के लिए बस अपने टेक्स्ट को उद्घाटन और समापन टैग ( और के साथ घिराएं और और के साथ घिराएं) और संलग्न टेक्स्ट पर जोर दिया जाएगा।

आप इन टैग को घोंसला कर सकते हैं और इससे कोई फर्क नहीं पड़ता कि बाहरी टैग कौन सा है। यहाँ कुछ उदाहरण हैं।

इस पाठ पर जोर दिया गया है और अधिकांश ब्राउज़र इसे इटालिक्स के रूप में प्रदर्शित करेंगे। इस पाठ पर जोरदार जोर दिया गया है और अधिकांश ब्राउज़र इसे बोल्ड प्रकार के रूप में प्रदर्शित करेंगे।

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

बलवान {
लाल रंग;
}

इस उदाहरण में, आपको बोल्ड फ़ॉन्ट-वेट के लिए एक संपत्ति जोड़ने की आवश्यकता नहीं है क्योंकि यह डिफ़ॉल्ट है। यदि आप इसे मौके पर नहीं छोड़ना चाहते हैं, हालांकि, आप इसे हमेशा इसमें जोड़ सकते हैं:

बलवान {
फोंट की मोटाई: बोल्ड;
लाल रंग;
}

अब आप सभी को टैग का उपयोग होने पर बोल्ड (और लाल) टेक्स्ट वाला पृष्ठ रखने की गारंटी होगी।

जोर पर डबल अप करें

साल में मैंने जो बात देखी है, वह यह है कि यदि आप जोर पर दोगुना करने की कोशिश करते हैं तो क्या होता है। उदाहरण के लिए:

इस पाठ में बोल्ड और इटालिसिक टेक्स्ट होना चाहिए।

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

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

बोल्ड और इटालिक्स पर एक नोट

एक अंतिम विचार - जबकि बोल्ड () और इटालिक्स () टैग्स को अब जोर तत्वों के रूप में उपयोग करने की अनुशंसा नहीं की जाती है, ऐसे कुछ वेब डिज़ाइनर हैं जो इन टैग का उपयोग टेक्स्ट के इनलाइन क्षेत्रों में करते हैं। असल में, वे इसे तत्व की तरह उपयोग करते हैं। यह अच्छा है क्योंकि टैग बहुत कम हैं, लेकिन इन तत्वों का उपयोग इस तरीके से आम तौर पर अनुशंसित नहीं किया जाता है। यदि आप बोल्ड या इटालिसिक टेक्स्ट बनाने के लिए उपयोग नहीं करते हैं, लेकिन कुछ अन्य प्रकार के दृश्य स्टाइल के लिए सीएसएस हुक बनाने के लिए इस्तेमाल करते हैं, तो मैं इसका उल्लेख करता हूं।

जेनिफर क्रिनिन द्वारा मूल लेख। जेरेमी गिरार्ड द्वारा 12/2/16 को संपादित किया गया।