HTML5: एक नए उद्देश्य के लिए पुराने टैग

सभी जानते हैं कि टैग्स <b> , <i> , <s> , <small> प्रस्तुति हैं, और इसलिए, प्रतिमान "संरचना, प्रस्तुति, व्यवहार" के आधार पर, उनका उपयोग स्वागत योग्य नहीं है। तत्व <strong> , <em> , <del> अधिक परिचित हैं। यह कई वर्षों के विकास अभ्यास का मामला रहा है। हालांकि, HTML5 के आगमन के साथ इन तत्वों के शब्दार्थ में बहुत कुछ बदल गया है। अब हमारे पास सिर में अर्थ और अनाज के साथ 4 नए टैग हैं।

<b> बनाम <strong>

यदि पहले सभी टाइपिंग की गई पाठ्यपुस्तकें <b> बजाय "उपयोग <strong> " जैसे वाक्यांशों से भरी थीं, और यह आधा सच था, तो आज ऐसी आदत एक दुष्ट शब्दार्थ मजाक खेल सकती है। बात यह है कि एचटीएमएल 5 के लेखक पाठक का ध्यान आकर्षित करने के लिए पाठ के मार्ग को उजागर करने के लिए <b> का उपयोग करने का प्रस्ताव करते हैं, लेकिन पाठ या महत्व के महत्व में वृद्धि किए बिना। विनिर्देश किसी दस्तावेज़ में कीवर्ड को चिह्नित करने के लिए उपयोग के उदाहरण प्रदान करता है

<p>The <b>frobonitor</b> and <b>barbinator</b> components are fried.</p>

और लीड (पत्रकारिता में एक लेख का पहला पैराग्राफ)

<article>
<h2>Kittens 'adopted' by pet rabbit</h2>
<p><b class="lede">Six abandoned kittens have found an unexpected new mother figure — a pet rabbit.</b></p>
<p>Veterinary nurse Melanie Humble took the three-week-old kittens to her Aberdeen home.</p>
</article>

बदले में, <strong> पहले की तरह, इसका मतलब है कि इसकी सामग्री का बढ़ता महत्व।

<i> बनाम <em>

अब से, <i> में वह पाठ शामिल है जो सामान्य वातावरण से बाहर है, लेकिन कोई भावनात्मक रंग नहीं है। मेरे विचार में, <i> जहां टाइपोग्राफिक परंपरा इटैलिक्स (उदाहरण के लिए, किसी विदेशी भाषा में शब्द, शब्द, आदि) का उपयोग करने के लिए तार्किक है।

<i>Per aspera ad Astra</i> — « ».

<em> अर्थ है जोरदार तनाव, पाठ के इस मार्ग पर भावनात्मक जोर। यह वह स्थिति है जब भाषण में हम शब्दों को एक स्वर (स्वर, मात्रा, आदि) के साथ उजागर करते हैं।

<em></em>, .

अनुबंध को ध्यान से पढ़ें!

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

होलीवर के बारे में

स्ट्राइकथ्रू पाठ से अधिक कुछ नहीं हुआ करता था। अब <s> जानकारी का प्रतिनिधित्व करता है जिसने अपनी प्रासंगिकता खो दी है।
हमारे पास एक <del> तत्व भी है, जिसके परिणामस्वरूप दृश्य उपयोगकर्ता एजेंटों में डिफ़ॉल्ट रूप से स्ट्राइकथ्रू पाठ होता है। इसका मतलब है कि दस्तावेज़ में परिवर्तन, और पहली नज़र में उनका उद्देश्य समान लग सकता है। हालाँकि, एक सूक्ष्म बिंदु है। एक ऑनलाइन स्टोर में एक उदाहरण उत्पाद पृष्ठ पर विचार करें।
यह दो कीमतों का संकेत दे सकता है, जिनमें से एक को पार कर लिया गया है। हम इसे <s> तत्व के साथ चिह्नित करते हैं। इसका मतलब है कि पुरानी कीमत ने अपनी प्रासंगिकता खो दी है (इससे कोई फर्क नहीं पड़ता कि यह कब था, तथ्य स्वयं महत्वपूर्ण है)। कैसे चेक करें कि <del> ? <del> दस्तावेज़ में किए गए परिवर्तनों का अर्थ है (यह महत्वपूर्ण है कि दस्तावेज़ को किसी समय में बदल दिया गया था )। हमारे मामले में, नए दस्तावेज़ में पहले से ही अप्रासंगिक जानकारी है।

नए शब्दार्थ और पुराने सिद्धांत

यदि, किसी अज्ञात कारण से, आप सिद्धांत को एक नए के साथ बदल नहीं सकते हैं और HTML 4.01 को औपचारिक रूप से लागू कर सकते हैं - निराशा न करें। पुराने नए तत्वों का उपयोग नए अर्थ के साथ करें और समय आने पर आप खुद को "धन्यवाद" कहेंगे। शायद कोई कहेगा कि यह गलत है, लेकिन ये तत्व, सिवाय इसके <s> अमान्य भी नहीं हैं। इसके अलावा, एचटीएमएल 5 को पिछड़े संगतता की उम्मीद के साथ विकसित किया गया था , वही पुराने तत्वों के नए शब्दार्थ पर लागू होता है। कुछ भी मौलिक रूप से नहीं बदला है, और केवल एक अर्थपूर्ण पेपरकॉर्न जोड़ा गया है।