एक और सात HTML5 विशेषताएँ जिनके बारे में आप नहीं जानते होंगे

आपका दिन शुभ हो!

हम सभी ने एचटीएमएल 5 और इसकी क्षमताओं के बारे में पर्याप्त सुना है। उदाहरण के लिए, ऑडियो और वीडियो के तत्व, जो हर कोई सुन रहा है। लेकिन इसके बावजूद, कुछ ऐसे टैग हैं, जिनके बारे में हर कोई नहीं जानता है और जिन्हें मैं हाल तक नहीं जानता था। तो यह वही है जो मैं आपके साथ साझा करना चाहता हूं।

यह जाँचने के लिए कि यह कौन सा ब्राउज़र काम करता है, मैं आपको सलाह देता हूँ कि कैन आई यूज पर जाएँ।

ऑटोफोकस

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

एक उदाहरण है।

<input autofocus="autofocus" /> 

डाउनलोड

डाउनलोड विशेषता हमें डाउनलोड की गई फ़ाइल का नाम सेट करने की अनुमति देती है। अब हमें सर्वर साइड पर ऐसा करने की आवश्यकता नहीं है। उदाहरण के लिए, हमारे पास एक फाइल hello.js है, जिसे हम आसानी से README के ​​रूप में सहेज सकते हैं। सब कुछ बहुत सरलता से किया जाता है: डाउनलोड विशेषता का उपयोग href विशेषता के साथ संयोजन में किया जाता है, जिसके साथ हम फ़ाइल पर पथ सेट करते हैं।

एक उदाहरण है।

 <a href="hello.js" download="README"></a> 

प्रीफ़ेच

प्रीफ़ैच विशेषता ब्राउज़र को एक थकाऊ और लंबे डाउनलोड के लिए प्रतीक्षा करने के बजाय लिंक पर क्लिक करते समय हमें उस पृष्ठ को पहले से लोड करने की अनुमति देती है, जिसे हमें तुरंत प्रदर्शित करने की आवश्यकता होती है। उदाहरण के लिए, एक लेख को कई भागों में विभाजित किया गया है (प्रत्येक भाग अपने स्वयं के पृष्ठ पर स्थित है। / Page1 और / page2)। अब हम दूसरे पृष्ठ को पहले से लोड कर सकते हैं जबकि हम पहले पढ़ रहे हैं। यह बहुत सरलता से किया जाता है।

एक उदाहरण है।

 <link rel="prefetch" href="/page2"> 

छिपा हुआ

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

एक उदाहरण है।

 <div hidden="hidden">, !  ,      ... :(</div> 

वर्तनी जाँच

वर्तनी जाँच विशेषता हमें डेटा दर्ज करते समय वर्तनी त्रुटियों की जाँच करने की अनुमति देती है। यह विशेषता सभी इनपुट्स (रीड, टेक्स्ट फ़ील्ड्स) और संपादन योग्य divs (संतुष्ट करने योग्य div, अगर किसी को याद नहीं है) के साथ काम करती है।

एक उदाहरण है।

 <input type="text" spellcheck="true"> 

DataList

किसी अंतिम उपयोगकर्ता द्वारा टेक्स्ट को किसी फ़ील्ड में दर्ज करते समय शब्द का चयन करने की अनुमति देता है। उदाहरण के लिए, हम इस विषय पर एक सर्वेक्षण करना चाहते हैं कि हमारा उपभोक्ता किस मोबाइल ऑपरेटर का उपयोग करता है। यदि उसे याद नहीं है कि उसे क्या कहा जाता है, लेकिन केवल याद है, कहते हैं, उसके नाम का पहला अक्षर, तो हम उसे सभी उपलब्ध विकल्पों की पेशकश कर सकते हैं।

एक उदाहरण है।

 <input list="provlist" name="list" > <datalist id="provlist"> <option value=""> <option value=""> <option value=""> <option value="2"> <option value=""> </datalist> 

उत्पादन

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

एक उदाहरण है।

 <output>,   </output> 

मैं इसके बारे में क्या सोचता हूं

एचटीएमएल 5 निस्संदेह हाइपरटेक्स्ट मार्कअप भाषा के विकास में एक नया चरण है। इस तथ्य के बावजूद कि यह कुछ पूरी तरह से बेकार तत्व प्रदान करता है: एक ही आउटपुट को आसानी से एक नियमित div से बदला जा सकता है और इस बात की चिंता नहीं है कि किसी भी अभिव्यक्ति का मूल्यांकन करने का परिणाम प्रदर्शित किया जाएगा, कहते हैं, पुराने IE7 में; इसकी ज़ाशनिक कई उपयोगी सुविधाओं को संग्रहीत करती है: उदाहरण के लिए, ऑटोफोकस और डटलिस्ट । इस मामले में, एचटीएमएल 5 क्लाइंट-साइड प्रोग्रामर के काम की सुविधा देता है: यह आपको जावास्क्रिप्ट में अपनी बैसाखी को लागू करने के बजाय एक या दो लाइनों में एक अच्छी सुविधा प्राप्त करने की अनुमति देता है।

वह सब है। जल्द मिलते हैं!