HTML जोर ट्याग

तपाईंको ट्याग डिजाइन शिक्षाको प्रारम्भमा तपाईंले ट्यागको एक ट्याग भनेको "जोर ट्याग" को रूपमा चिनिने ट्यागको जोडी हो। यी ट्यागहरू के छन् र उनीहरूको वेब डिजाईनमा कसरी प्रयोग गरिन्छ भनेर हेर्छन्।

XHTML मा फर्कनुहोस्

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

& lt; strong & gt; र & lt; em & gt;

बलियो र जोर तत्वहरूले तपाईँको पाठमा जानकारी थप्दछन्, सामग्रीलाई विस्तृत रूपमा फरक पार्दछ जसलाई फरक रूपमा व्यवहार गर्नुपर्छ र यो सामग्रीलाई जबरजस्ती गरिन्छ। तपाइँ यी तत्वहरू प्रयोग गर्नुभन्दा धेरै अघि नै तपाईंले अघिल्लोमा बोल्ड र इटालियन प्रयोग गर्नुहुने छ। केवल खुल्ला र समापन ट्यागहरू ( को साथ जोड दिएका लागि बलियो र को साथमा मात्र पाठ गर्नुहोस्) र संलग्न पाठलाई जोड दिइनेछ।

तपाईं यी ट्यागहरू घोंघ्न सक्नुहुन्छ र यसले महत्त्वपूर्ण कुरा गर्दैन कि बाह्य ट्याग हो। यहाँ केही उदाहरणहरू छन्।

यो पाठलाई बलियो बनाइएको छ र धेरै ब्राउजरले यसलाई इटालिकको रूपमा प्रदर्शन गर्नेछ। यो पाठ दृढतापूर्वक जोडिएको छ र धेरै ब्राउजरले यसलाई बोल्ड प्रकारको रुपमा प्रदर्शन गर्नेछ।

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

strong {
रंग: रातो;
}

यस उदाहरणमा, तपाईंलाई बोल्ड फन्ट-वजनको लागि एक सम्पत्ति थप्न आवश्यक छैन किनभने यो पूर्वनिर्धारित हो। यदि तपाई मौका पाउन चाहानुहुन्छ भने, तथापि, तपाइँ सधै यसलाई यसमा थप्न सक्नुहुनेछ:

strong {
फन्ट-वजन: बोल्ड;
रंग: रातो;
}

अब तपाईं सबै बरू तर बोल्ड (र रातो) पाठको साथमा रहेको पृष्ठ हो जहाँ जहाँ ट्याग प्रयोग गरिन्छ।

जोड दिनुहोस्

मैले एक वर्षमा देखेको कुरा भनेको के हुन्छ भने के हुन्छ भने तपाईले जोड दियो। उदाहरणका लागि:

यो पाठमा यो भित्रको बोल्ड गरिएको र इटालिकिस पाठ हुनुपर्छ।

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

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

बोल्ड र इटालिकमा एक नोट

एक अन्तिम विचार - जबकि बोल्ड () र इटालिक () ट्यागहरू अब जोर तत्वहरूको रूपमा प्रयोग गर्न सिफारिस गरिएको छैन, त्यहाँ केहि वेब डिजाइनरहरू छन् जुन यी ट्यागहरू पाठको शैली इनलाइन क्षेत्रमा प्रयोग गर्छन्। मूलतः, तिनीहरू यसलाई तत्व जस्तै प्रयोग गर्दछ। यो राम्रो छ किनभने ट्याग धेरै छोटो छ, तर यस तरिकामा यी तत्वहरू प्रयोग गर्नाले सामान्यतया सिफारिस गर्दैन। म यो उल्लेख गर्दछ यदि तपाइँ त्यहाँ त्यहाँ कुनै साइटहरू बोल्ड वा इटालिक गरिएको टेक्स्ट सिर्जना गर्न प्रयोग गर्नुभएन भने, तर केहि अन्य प्रकारको दृश्य स्टाइलको लागि CSS हुक सिर्जना गर्नका लागि यहाँ क्लिक गर्नुहोस्।

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