CSS / HTML: टेक्स्ट इटैलिक बनाने का सही तरीका क्या है?


202

टेक्स्ट इटैलिक बनाने का सही तरीका क्या है ? मैंने निम्नलिखित चार दृष्टिकोण देखे हैं:

<i>Italic Text</i>

<em>Italic Text</em>

<span class="italic">Italic Text</span>

<span class="footnote">Italic Text</span>

<i>

यह "पुराना तरीका" है। <i>इसका कोई अर्थ नहीं है और केवल पाठ को इटैलिक बनाने के प्रस्तुतिकरण के प्रभाव को बताता है। जहाँ तक मैं देख सकता हूँ, यह स्पष्ट रूप से गलत है क्योंकि यह गैर-अर्थ है।


<em>

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


<span class="italic">

यह प्रस्तुति देने के लिए CSS क्लास का उपयोग करता है। यह अक्सर सही तरीके के रूप में टाल दिया जाता है लेकिन फिर से, यह मुझे गलत लगता है। यह किसी भी अधिक अर्थ अर्थ को व्यक्त करने के लिए प्रकट नहीं होता है <i>। लेकिन, इसके प्रस्तावक रोते हैं, बाद में अपने सभी इटैलिक पाठ को बदलना बहुत आसान है यदि आप कहते हैं, यह बोल्ड करना चाहता था। फिर भी यह मामला नहीं है क्योंकि मैं तब "इटैलिक" नामक एक वर्ग के साथ रहूंगा जिसने पाठ को बोल्ड किया। इसके अलावा, यह स्पष्ट नहीं है कि मैं कभी भी अपनी वेबसाइट पर सभी इटैलिक टेक्स्ट को बदलना चाहता हूं या कम से कम हम उन मामलों के बारे में सोच सकते हैं जिनमें यह वांछनीय या आवश्यक नहीं होगा।


<span class="footnote">

यह शब्दार्थ के लिए CSS क्लास का उपयोग करता है। अब तक यह सबसे अच्छा तरीका प्रतीत होता है लेकिन वास्तव में इसकी दो समस्याएं हैं।

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

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


सारांश

ऐसा प्रतीत होता है कि शब्दार्थ की आवश्यकता कई उदाहरणों में अत्यधिक बोझ लगती है जहां कुछ अर्थपूर्ण बनाने की इच्छा अर्थ अर्थ को ले जाने के लिए नहीं है।

इसके अलावा, संरचना से शैली को अलग करने की इच्छा ने सीएसएस को एक प्रतिस्थापन के रूप में बदल दिया है <i>जब ऐसे अवसर होते हैं जब यह वास्तव में कम उपयोगी होगा। तो यह मुझे विनम्र <i>टैग के साथ वापस छोड़ देता है और सोचता है कि क्या विचार की यह ट्रेन एचटीएमएल 5 कल्पना में छोड़ दी गई है?

क्या इस विषय पर भी कोई अच्छी ब्लॉग पोस्ट या लेख हैं? शायद <i>टैग को बनाए रखने / बनाने के निर्णय में शामिल लोगों द्वारा ?


4
<I> टैग HTML5 में है क्योंकि HTML5 (आंशिक रूप से) यह निर्धारित करने का प्रयास है कि मौजूदा ब्राउज़र HTML को कैसे संसाधित करते हैं
Gareth

3
मुझे उस समान / संबंधित पोस्ट के लिए 404 मिलता है।
मार्टिन हैनसेन लेनॉक्स

@MartinHansenLennox आप हमेशा उन लिंकरेट्स को फ्लैग कर सकते हैं, ताकि वे वोट आउट हो जाएं और गायब हो जाएं। मैंने पहले ही वोट कर दिया।
निलोन

ध्यान के लिए झंडा? मैंने सोचा था कि सिर्फ आक्रामक / अनचाहा सामान के लिए था। लेकिन ठीक है, हाँ, किया
मार्टिन हैंन लेनोक्स

जवाबों:


211

आपको विभिन्न उपयोग मामलों के लिए अलग-अलग तरीकों का उपयोग करना चाहिए:

  1. यदि आप एक वाक्यांश पर जोर देना चाहते हैं, तो उपयोग करें <em>
  2. <i>टैग एक है एचटीएमएल 5 में नया अर्थ "एक वैकल्पिक आवाज या मूड में पाठ के अंतराल" का प्रतिनिधित्व करने वाली। इसलिए आपको इस टैग का उपयोग विचारों / asides या मुहावरेदार वाक्यांशों के लिए करना चाहिए। युक्ति जहाज के नाम भी सुझाती है (लेकिन अब पुस्तक / गीत / फिल्म के नाम का सुझाव नहीं देती; <cite>इसके बजाय उसका उपयोग करें )।
  3. यदि इटैलिकाइज़्ड टेक्स्ट एक बड़े संदर्भ का हिस्सा है, तो परिचयात्मक पैराग्राफ कहें, आपको सीएसएस शैली को बड़े तत्व से जोड़ना चाहिए, अर्थात p.intro { font-style: italic; }

2
+1, मुझे ध्वनि की तरह लगता है। मुझे लगता है कि बिंदु 3 विशुद्ध रूप से सौंदर्य कारणों के लिए विशुद्ध रूप से पाठ शैली को बदलने का एक अच्छा उदाहरण है, जिसमें कोई वास्तविक शब्दार्थ नहीं है।
ग्राहम

1
केस 2 का मतलब यह नहीं है कि एचटीएमएल 5 ड्राफ्ट वास्तव में क्या कहता है - जो अस्पष्ट है और संस्करण द्वारा भिन्न होता है, लेकिन कोई भी संस्करण iपुस्तक, गीत, एल्बम, या फिल्म के नाम (जो, जाहिर है, का उपयोग करने के लिए उम्मीदवार होंगे cite) का उपयोग करने का सुझाव देता है ।
जुक्का के। कोर्पेला

@ जुक्का मुझे यकीन है कि यह कुछ बिंदु पर वहाँ था। फिर भी यह अब नहीं है इसलिए मैंने अपना उत्तर अपडेट कर दिया है।
DisgruntledGoat

जैसा कि इसमें उल्लेख किया गया है: w3.org/TR/html5/text-level-semantics.html#the-em-element यदि आप अपने पाठ इटैलिक बनाने के लिए एक तत्व का उपयोग करना चाहते हैं, तो आपको <i> का उपयोग करना चाहिए। ईएम तत्व एक सामान्य "इटैलिक्स" तत्व नहीं है। कभी-कभी, पाठ को बाकी पैराग्राफ से बाहर खड़ा करने का इरादा होता है, जैसे कि यह एक अलग मूड या आवाज में था। इसके लिए, मैं तत्व अधिक उपयुक्त है।
दिमित्री जोर्बस

21

<i>गलत नहीं है क्योंकि यह गैर-अर्थ है। यह गलत है (आमतौर पर) क्योंकि यह प्रस्तुतिकरण है। चिंता के पृथक्करण का मतलब है कि वर्तमान जानकारी को सीएसएस के साथ व्यक्त किया जाना चाहिए।

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

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


10

मैं कोई विशेषज्ञ नहीं हूं, लेकिन मैं कहूंगा कि यदि आप वास्तव में शब्दार्थवादी होना चाहते हैं, तो आपको शब्दसंग्रह (आरडीएफए) का उपयोग करना चाहिए।

इसका परिणाम कुछ इस तरह से होना चाहिए:

<em property="italic" href="http://url/to/a/definition_of_italic"> Your text </em>

emप्रस्तुति के लिए उपयोग किया जाता है (मनुष्य इसे इटैलिक में देखेंगे) propertyऔर hrefविशेषताएँ इटैलिक क्या है (मशीनों के लिए) की परिभाषा से जोड़ रहे हैं।

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

RDFa के बारे में अधिक जानकारी यहाँ: http://www.alistapart.com/articles/introduction-to-rdfa/


2
+1 इंगित करने के लिए निहित या विरासत में दिए गए शब्दार्थ (सस्ते और आसान लेकिन कमजोर रूप) और स्पष्ट सेमेंटिक्स के बीच अंतर है, जहां डेवलपर को अपनी सामग्री (महंगी और श्रम गहन) के लिए मूल्य जोड़ने के लिए अतिरिक्त प्रयास करना होगा, लेकिन उपज कर सकते हैं अच्छी गुणवत्ता की सामग्री)।
लॉगआउट

7

TLDR

पाठ इटैलिक बनाने का सही तरीका यह है कि आप सीएसएस तक समस्या को अनदेखा करें, फिर प्रस्तुति शब्दार्थ के अनुसार शैली करें। परिस्थितियों के आधार पर आपके द्वारा दिए गए पहले दो विकल्प सही हो सकते हैं। अंतिम दो गलत हैं।

लम्बी व्याख्या

मार्कअप लिखते समय प्रेजेंटेशन की चिंता न करें। इटैलिक के संदर्भ में मत सोचो। शब्दार्थ के बारे में सोचें। यदि इसे तनाव पर जोर देने की आवश्यकता है, तो यह एक है em। यदि यह मुख्य सामग्री के लिए स्पर्शरेखा है, तो यह एक है aside। शायद यह बोल्ड होगा, शायद यह इटैलिक होगा, हो सकता है कि यह फ्लोरोसेंट ग्रीन हो। जब आप मार्कअप लिख रहे हों तो कोई फर्क नहीं पड़ता।

जब आप CSS पर जाते हैं, तो आपके पास पहले से ही एक शब्दार्थक तत्व हो सकता है जो आपकी साइट में होने वाली सभी घटनाओं के लिए इटैलिक करने के लिए समझ में आता है। emएक अच्छा उदाहरण है। लेकिन शायद आप aside > ul > liअपनी साइट पर सभी इटैलिक्स में चाहते हैं । आपको प्रस्तुति के बारे में सोचने से मार्कअप के बारे में सोच को अलग करना होगा।

DisgruntledGoat द्वारा उल्लिखित , iHTML5 में अर्थ है। शब्दार्थ मुझे यद्यपि संकीर्ण लगता है। उपयोग शायद दुर्लभ होगा।

emजोर देने के लिए HTML5 में शब्दार्थ बदल गए हैं। strongके रूप में अच्छी तरह से महत्व दिखाने के लिए इस्तेमाल किया जा सकता है। strongबोल्ड के बजाय इटैलिक हो सकता है यदि आप इसे स्टाइल करना चाहते हैं। ब्राउज़र की स्टाइलशीट को सीमित न होने दें। आप डिफॉल्ट के भीतर सोच को रोकने में मदद करने के लिए एक रीसेट स्टाइलशीट का भी उपयोग कर सकते हैं । (हालांकि कुछ कैविएट हैं ।)

class="italic"बुरा है। इसका उपयोग न करें। यह शब्दार्थ नहीं है और यह बिल्कुल भी लचीला नहीं है। प्रस्तुति में अभी भी शब्दार्थ है, मार्कअप से बस एक अलग तरह का।

class="footnote"मार्कअप शब्दार्थ का अनुकरण कर रहा है और गलत भी है। फुटनोट के लिए आपका सीएसएस आपके फुटनोट के लिए पूरी तरह से अनूठा नहीं होना चाहिए। यदि आपका हर भाग अलग तरह से स्टाइल किया गया है तो आपकी साइट बहुत गन्दी दिखेगी। आपके पास अपने पृष्ठों के माध्यम से बिखरे हुए कुछ दृश्य पैटर्न होने चाहिए जिन्हें आप CSS कक्षाओं में बदल सकते हैं। यदि आपके फुटनोट और आपके ब्लॉकक्वाट्स के लिए आपकी शैली बहुत समान है, तो आपको अपने आप को बार-बार दोहराने के बजाय समानताओं को एक वर्ग में रखना चाहिए। आप OOCSS (नीचे लिंक) की प्रथाओं को अपनाने पर विचार कर सकते हैं।

HTML5 में चिंताओं और शब्दार्थों का पृथक्करण बड़ा है। लोगों को अक्सर महसूस नहीं होता है कि मार्कअप केवल एकमात्र स्थान नहीं है जहां शब्दार्थ महत्वपूर्ण है। इसमें कंटेंट सिमेंटिक्स (HTML) है, लेकिन साथ ही प्रेजेंटेशनल सिमेंटिक्स (CSS) और व्यवहार संबंधी शब्दार्थ (जावास्क्रिप्ट) भी है। उन सभी के अपने अलग-अलग शब्दार्थ होते हैं जो कि स्थिरता बनाए रखने और DRY पर ध्यान देने के लिए महत्वपूर्ण हैं।

OOCSS संसाधन


5

शायद इसका कोई विशेष अर्थ नहीं है और केवल इसे पूर्ववर्ती पाठ से इसे अलग करने के लिए इटैलिक में प्रस्तुत करने की आवश्यकता है।

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

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

क्योंकि इन यथोचित जटिल शैलियों (जुड़े इंटरनेट एक्सप्लोरर मुद्दों के साथ) अलग-अलग स्थानों में पुन: उपयोग कर रहे हैं, हम की तरह कक्षाएं बनाने box-1, box-2है, ताकि हम कर सकते हैं शैलियों का फिर से उपयोग।

कुछ पाठ इटैलिक बनाने का विशिष्ट उदाहरण हालांकि चिंता करने के लिए बहुत तुच्छ है। सबसे अच्छा minutiae के बारे में बहस करने के लिए सिमेंटिक न्यूटर्स के लिए उस तरह छोड़ दें।


1
मैं सहमत हूं। यदि आप कुछ मार्कअप के औचित्य के साथ अलग तरीके से पेश नहीं आ सकते हैं तो आप इसके बारे में सही तरीके से नहीं सोच रहे हैं। यदि आप यह नहीं समझा सकते हैं कि [यह पाठ] इटैलिक क्यों होना चाहिए, तो आप कैसे पहचानेंगे जब [अन्य पाठ] पृष्ठ के एक अलग पृष्ठ / भाग पर भी इटैलिक होना चाहिए? और इसी तरह, यदि आप जानते हैं कि क्यों, आपको उस कारण के लिए एक उपयोगी नाम के साथ आने में सक्षम होना चाहिए
गैरेथ

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

1
शैली पाठ के सौंदर्य संबंधी कारण हैं । उदाहरण के लिए, छोटे कैप में प्रत्येक पैराग्राफ के पहले कुछ शब्दों को स्टाइल करने के लिए (विशुद्ध रूप से सौंदर्यवादी) सम्मेलन है। इसका कोई अर्थ अर्थ नहीं है। गैर-अर्थ संबंधी कारणों से पाठ को चिह्नित करने के लिए HTML में संभव होना चाहिए।

3

HTML इटैलिक टेक्स्ट इटैलिक फॉर्मेट में टेक्स्ट प्रदर्शित करता है।

<i>HTML italic text example</i>

जोर और मजबूत तत्वों दोनों का उपयोग कुछ शब्दों या वाक्यों के महत्व को बढ़ाने के लिए किया जा सकता है।

<p>This is <em>emphasized </em> text format <em>example</em></p>

जोर टैग का उपयोग तब किया जाना चाहिए जब आप अपने पाठ में एक बिंदु पर जोर देना चाहते हैं और जरूरी नहीं कि जब आप उस पाठ को इटैलिक करना चाहते हों।

अधिक के लिए यह मार्गदर्शिका देखें: HTML पाठ स्वरूपण


2

iतत्व गैर अर्थ है, इसलिए स्क्रीन रीडर्स, Googlebot, आदि के लिए, यह पारदर्शी (जैसे किसी तरह का होना चाहिए spanया divतत्व)। लेकिन यह डेवलपर के लिए एक अच्छा विकल्प नहीं है, क्योंकि यह संरचना परत के साथ प्रस्तुति परत में शामिल होता है - और यह एक बुरा अभ्यास है।

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

<span class="italic">Italic Text</span>सबसे गलत तरीका है। सबसे पहले, यह उपयोग में असुविधाजनक है। दूसरे, यह सुझाव देता है कि पाठ इटैलिक होना चाहिए। और संरचना परत (HTML, XML, आदि) कभी भी ऐसा नहीं करना चाहिए । प्रस्तुति को हमेशा संरचना से अलग रखा जाना चाहिए।

<span class="footnote">Italic Text</span>एक फुटनोट के लिए सबसे अच्छा तरीका लगता है। यह किसी भी प्रस्तुति का सुझाव नहीं देता है और बस मार्कअप का वर्णन करता है। आप अनुमान नहीं लगा सकते कि फीचर में क्या होगा। यदि कोई फुटनोट फ़ीचर में बड़ा हो जाएगा, तो आपको उसका वर्ग नाम बदलने के लिए मजबूर किया जा सकता है (अपने कोड में कुछ तर्क रखने के लिए)।

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

यदि आप केवल इस बात की परवाह करते हैं कि कोई चीज कैसी दिखती है और किसी भी अतिरिक्त मार्कअप से बचने की कोशिश करें।


1

मुझे लगता है कि उत्तर का उपयोग <em>तब करना है जब आप जोर देना चाहते हैं

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

यदि यह विशुद्ध रूप से एक शैली की चीज है, जैसे कि आपके डिजाइनर ने तय किया है कि आपके सभी <h2> शीर्षक इटैलिक गारमोंड में बेहतर दिखेंगे, तो इसे HTML में शामिल करने का कोई अर्थपूर्ण कारण नहीं है और आपको उचित तत्वों के लिए बस CSS को बदलना चाहिए।

मैं उपयोग करने का कोई कारण नहीं देख सकता <i>, जब तक कि आपको कोई सीएसएस के साथ कुछ विरासत ब्राउज़र का समर्थन करने की आवश्यकता न हो।


जैसा कि टिप्पणियों में बताया गया है कि ऐसा लगता है कि उन्होंने HTML5 में इरादे को थोड़ा बदल दिया है और इस मुद्दे को भ्रमित किया है। इसलिए यदि आप एचटीएमएल 5 का उपयोग पहले से कर रहे हैं तो मुझे लगता <i>है कि अब यह शब्दार्थिक रूप से भी उपयोगी है।
ग्राहम

0

मैं कहता हूं कि <em>इनलाइन तत्वों पर जोर देना चाहिए। पाठ के ब्लॉक जैसे ब्लॉक तत्वों के लिए एक वर्ग का उपयोग करें। सीएसएस या नहीं, पाठ को अभी भी टैग किया जाना है। चाहे इसके शब्दार्थ के लिए या दृश्य सहायता के लिए, मैं मान रहा हूँ कि आप इसे किसी सार्थक चीज़ के लिए उपयोग कर रहे हैं ...

यदि आप किसी भी कारण से पाठ पर जोर दे रहे हैं, तो आप उपयोग कर सकते हैं <em>, या एक वर्ग जो आपके पाठ को इटैलिक करता है।

कभी-कभी नियम तोड़ना ठीक है !


0

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

तो अब हमारे पास काम करने के दो वास्तविक तरीके हैं: <em>और <span class="footnote">। याद रखें कि जोर देनेem के लिए खड़ा है । जब आप किसी शब्द, वाक्यांश या वाक्य पर जोर देना चाहते हैं, तो इसे टैग में चिपका दें, चाहे आप इटैलिक चाहते हों या नहीं। यदि आप स्टाइल को किसी अन्य तरीके से बदलना चाहते हैं, तो CSS का उपयोग करें :। बेशक, आप टैग पर एक वर्ग भी लागू कर सकते हैं : यदि आप तय करते हैं कि आप लाल रंग दिखाने के लिए कुछ विशेष जोर दिया वाक्यांश चाहते हैं, तो उन्हें एक कक्षा दें और इसे सीएसएस में जोड़ें:<em>em { font-weight: bold; font-style: normal; }<em>

Fancy some <em class="special">shiny</em> text?

em { font-weight: bold; font-style: normal; }
em.special { color: red; }

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


6
<i>पदावनत नहीं किया गया है।
क्वेंटिन

@DavidDorward: सही है, <i>पदावनत नहीं किया गया है, लेकिन HTML4 कल्पना कहती है, "हालांकि वे सभी पदावनत नहीं हैं, लेकिन उनका उपयोग स्टाइल शीट के पक्ष में हतोत्साहित किया जाता है"
ग्राहम

@ ग्राहम: एचटीएमएल 5 युक्ति की जांच करें, <i>"वैकल्पिक स्वर या मनोदशा में पाठ की अवधि" का प्रतिनिधित्व करने के लिए उपयोग किया जाता है।
असंतुष्टगीत

@DisgruntledGoat: मुझे स्वीकार करना होगा कि मैं HTML5 युक्ति के विकास का बहुत निकट से पालन नहीं कर रहा हूं, लेकिन आप सही हैं, ऐसा लग रहा है कि उन्होंने अब <i>कुछ अर्थार्थक अर्थ के साथ पीछे हटने का प्रयास किया है। व्यक्तिगत रूप से मुझे लगता है कि उन्होंने अब इस मुद्दे को छेड़ दिया है, लेकिन वे अभी भी कहते हैं "लेखकों को यह विचार करने के लिए प्रोत्साहित किया जाता है कि क्या iतत्व की तुलना में अन्य तत्व अधिक लागू हो सकते हैं , उदाहरण के emलिए तनाव तनाव को चिह्नित करने के लिए तत्व"।
ग्राहम

1
माफी-लगता है कि मैं HTML5 का जिक्र करने से चूक गया। यह मुझे लगता है कि विनिर्देश स्पष्ट नहीं है कि कब उपयोग करना है <i>और कब उपयोग करना है <span class="semantic-meaning">... उन्हें लगता है कि आपको <i>एक विशेष मामले के लिए उपयोग करना चाहिए जहां शब्दार्थ आगे वांछित हैं, जो मुझे लगता है - आप अभी भी प्रस्तुति कोड जोड़ रहे हैं शब्दार्थ परत। तो आप सही हैं: यह पदावनत नहीं है, लेकिन मैंने जो पढ़ा है, उसके आधार पर, मैं ईमानदारी से इसकी सिफारिश नहीं कर सकता।
समीर तलवार

-1

<Em> का उपयोग करें यदि आपको अन्य शैलियों के बिना सामग्री में इटैलिक में कुछ शब्दों / वर्णों की आवश्यकता है। यह सामग्री को शब्दार्थ बनाने में भी मदद करता है।

text-style कई शैलियों के लिए बेहतर अनुकूल है और कोई अर्थ संबंधी आवश्यकता नहीं है।


-3

करना

  1. डेटा की प्रकृति का संकेत करने वाले वर्ग को एक मान दें (अर्थात class="footnote"अच्छा है)

  2. पेज के लिए CSS स्टाइल शीट बनाएं

  3. सीएसएस शैली को परिभाषित करें जो उस तत्व से जुड़ा हुआ है जिसे आप तत्व पर असाइन करते हैं

    .footnote { font-style:italic; }

ऐसा न करें

  1. <i>या <em>तत्वों का उपयोग न करें - वे असमर्थित हैं और डेटा और प्रस्तुति को भी बंद कर देते हैं।
  2. कक्षा को ऐसा मान न दें जो प्रस्तुति नियमों को इंगित करता हो (अर्थात उपयोग न करें class="italic")।

1
जैसा कि एक अन्य उत्तर में उद्धृत किया गया है, <i>और <em>HTML5 में हैं। "डू नॉट" के तहत आपका नंबर 2 सही है, लेकिन "डू" के तहत आपका # 1 पूछा जाता है - यह पूरी क्लास "फुटनोट" को लेबल करने के लिए अच्छा नहीं है यदि अन्य आइटम जो फुटनोट्स नहीं होंगे, उसके साथ भी इटैलिक किया जाएगा। वर्ग, हालांकि एक वर्ग है जो डेटा की प्रकृति को इंगित करता है अच्छा है। एक वर्ग और शैली की शीट हमेशा आवश्यक नहीं होती है, हालांकि, खासकर यदि केवल कुछ वस्तुओं को इटैलिक किया जाएगा।
vapcguy
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.