🍯 🧛🏼 👨🏽‍🏫 8 HTML तत्व जिनका आप उपयोग नहीं कर रहे हैं (लेकिन करना चाहिए) 🧛🏿 🕺🏿 🤞🏼

वेब आज अधिक से अधिक अर्थ है। लेकिन अर्थ का क्या अर्थ है? यह महत्वपूर्ण क्यों है?

अर्थ HTML एक दस्तावेज़ का अर्थ व्यक्त करता है। वह इस बारे में अधिक है कि पाठ इस बात से अधिक है कि यह कैसा दिखता है। अच्छा शब्दार्थ मार्कअप व्यक्ति और कंप्यूटर दोनों को दस्तावेज़ की सामग्री और इसके संदर्भ को बेहतर ढंग से समझने में मदद करता है।

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

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

<क्यू>

अपने ब्लॉक चचेरे भाई की तरह <blockquote> , <q> टैग का उपयोग उद्धरण को इंगित करने के लिए किया जाता है।

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

और

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

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

<Abbr>

संक्षिप्तीकरण के लिए <abbr> का उपयोग किया जाता है! यह उन दस्तावेजों में विशेष रूप से उपयोगी हो सकता है जहां उनमें से बहुत सारे हैं। इस टैग में एक वैकल्पिक शीर्षक विशेषता है, जिसमें आप पाठ के पूर्ण संस्करण को निर्दिष्ट कर सकते हैं।

<abbr title="laugh out loud">lol</abbr> <abbr title="I don't know">idk</abbr> <abbr title="got to go">g2g</abbr> <abbr title="talk to you later">ttyl</abbr>

<समय>

आइए स्थानीयकरण तिथियों की क्लासिक समस्या पर एक नज़र डालें। 5 अक्टूबर 2013 को यूएसए में इसे 10/05/13 के रूप में दर्ज किया गया है, ब्रिटेन में यह 05/10/13 है, दक्षिण अफ्रीका में यह 2013/10/05 है, रूस में यह 05.10.13 है। ये सभी विकल्प स्वचालित तिथि मान्यता के कार्य को अत्यंत कठिन बनाते हैं।

< Time > टैग आपको मशीन-पठनीय प्रारूप में दिनांक और समय निर्दिष्ट करने की अनुमति देता है। पिछले उदाहरण कुछ इस तरह दिख सकते हैं: <time datetime = "2013-10-05"> 10/05/13 </ time> । HTML पार्सर तारीख को ठीक से समझने में सक्षम होगा, भले ही हमने उस प्रारूप को निर्दिष्ट किया हो। <समय> टैग आपको वैकल्पिक रूप से 24 वें प्रारूप में समय निर्दिष्ट करने की अनुमति देता है: <समय डेटाटाइम = "2013-10-05 22:00"> 10/05/13 रात 10 बजे </ time>;

<मार्क>

क्या आपने कभी ऐसा किया है?

 <p> Three hundred pages of boring, useless text. <span class="highlight">The one thing you need to know and will never be able to find again if you don't highlight it.</span> More boring stuff… </p>

अब और नहीं। HTML5 ने  तत्व को पेश किया, जो कि इसके उच्च महत्व के कारण संदर्भ उद्देश्यों के लिए चयनित पाठ को चिह्नित करता है।

<इनपुट>

हां, <इनपुट> आप शायद <इनपुट प्रकार = "टेक्स्ट"> , <इनपुट प्रकार = "सबमिट"> , शायद यहां तक कि <इनपुट प्रकार = "छिपा"> का उपयोग करते हैं, और क्या आपने कभी अन्य प्रकार का उपयोग किया है? HTML5 में, <input> नए प्रकारों के एक पूरे समूह के साथ उपयोग कर सकता है:

ईमेल
टेलीफोन
संख्या
रेंज
तिथि
समय
खोज
रंग

यह बहुत अच्छा है, लेकिन पहले आपको यह सुनिश्चित करने की आवश्यकता है कि आपके लक्षित ब्राउज़र इस सब का समर्थन करते हैं। यह अभी भी एक समस्या है।

<मेनू>

क्या आपने कभी अनऑर्डर की गई सूची से मेनू बनाया है?

 <ul class="menu-toolbar"> <li class="new">New</li> <li class="open">Open</li> <li class="save">Save</li> <li class="quit">Quit</li> </ul>

अब ऐसा मत करो! इसके लिए <मेनू> है , जो आदेशों की एक अनियंत्रित सूची है। इस टैग में एक प्रकार की विशेषता है, जो मान ले सकता है: पॉपअप या टूलबार ।

 <menu type="toolbar"> <li class="new">New</li> <li class="open">Open</li> <li class="save">Save</li> <li class="quit">Quit</li> </menu>

बोनस

अधिकांश फ्रंट-एंड डेवलपर्स & nbsp का उपयोग करते हैं ; HTML लिखते समय, लेकिन कई लोग इसका सही अर्थ नहीं जानते हैं। गैर-ब्रेकिंग स्पेस एक पंक्ति को नहीं तोड़ता है। इसका मतलब यह है कि यदि दो शब्द एक अटूट स्थान से जुड़े हैं, तो वे हमेशा एक ही पंक्ति में एक साथ रहेंगे। यह कभी-कभी बहुत महत्वपूर्ण होता है। यहाँ कुछ उदाहरण हैं:

इकाई प्रकार: 12 m / s
समय: सुबह 8 बजे
उचित नाम: डेयरी क्वीन

इसी तरह के उद्देश्यों के लिए एक अवर्णनीय हाइफ़न ( & # 8209; ) भी है।

निष्कर्ष में

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

अनुवादक से: हब पर यह मेरी पहली पोस्ट है, मैंने अभी तक बहुत कुछ दर्ज नहीं किया है, इसलिए, यदि आप कर्म को कम करते हैं, तो कम से कम टिप्पणी करें।

मूल लेख- davidwalsh.name/8-html-elements

8 HTML तत्व जिनका आप उपयोग नहीं कर रहे हैं (लेकिन करना चाहिए)