5 एचटीएमएल एलिमेंट्स जिन्हें आप नहीं जानते कि कैसे इस्तेमाल करना है
परिचित अभी तक अज्ञात, या बिल्कुल नया, ऐसा होता है कि हम HTML सिंटैक्स के कुछ हिस्सों को याद करें वह महत्वपूर्ण ज्ञान हो सकता है जो हम कर सकते हैं कुछ अच्छे उपयोग के लिए डाल दिया. इसीलिए चाहे वह ऐसा हो HTML की नई विशेषताएँ या इसके कम ज्ञात अनुप्रयोग जो अभी तक आपके रडार में नहीं आया है, हम उन्हें इस साइट पर अक्सर कवर करते हैं.
आज की पोस्ट में, हम पाँच HTML तत्वों पर ध्यान देंगे, जिनमें से कुछ आप अक्सर उपयोग कर सकते हैं, लेकिन शायद अपनी पूरी क्षमता पर नहीं.
1.
तत्त्व एक समान कार्य किया है
डेटा-*
गुण. इसका उपयोग किया जा सकता है मशीन-पठनीय डेटा प्रदान करते हैं उपयोगकर्ता के अनुकूल सामग्री के लिए। मूल्य
इस तत्व की विशेषता अतिरिक्त जानकारी को वहन करती है.
लॉर्ड ऑफ द रिंग्स उपन्यास के तीन खंड हैं: अंगूठी की फेलोशिप, द टू टावर्स, तथा राजा की वापसी.
इस पृष्ठ में वर्णित पुस्तकों के ISBN:
उपरोक्त HTML में, आईएसबीएन प्रत्येक पुस्तक है में जोड़ा गया मूल्य
की विशेषता तत्त्व कि पुस्तक शीर्षक संलग्न है। पुस्तक बाजार पर, ISBN का उपयोग किसी पुस्तक को विशिष्ट रूप से पहचानने के लिए किया जाता है.
const ISBNListBlank = document.querySelector ('# ISBNListBlank') const dataElements = document.querySelectorAll ('data'); const ary = []; dataElements.forEach ((dataElement) => ary.push (dataElement.textContent + ':' + dataElement.value)) ISBNListBlank.textContent = ary.join (',')
मोटे तौर पर आपको दिखाने के लिए कैसे निकालने के लिए जावास्क्रिप्ट, उपरोक्त स्क्रिप्ट में मान आईएसबीएन से अर्क
टैग और पृष्ठ में निर्दिष्ट स्थान पर, पुस्तक के शीर्षक के साथ उन्हें प्रदर्शित करता है.
2.
सबसे अधिक संभावना है कि आप पहले से ही परिचित हैं तत्व, लेकिन यह है सिर्फ चेकबॉक्स के लिए नहीं. यह दूसरे को नियंत्रित करें labellable तत्वों ठीक उसी तरह, जैसे वे चेकबॉक्स की क्रिया करते हैं, वैसे ही अपने कार्यों का प्रदर्शन करना.
आपको ही करना है एक ही मूल्य का उपयोग करें के लिए आईडी
HTML तत्व की विशेषता जिसे आप नियंत्रित करना चाहते हैं और के लिये
संबंधित की विशेषता टैग.
के पाठ पर क्लिक करना मर्जी ट्रिगर
क्लिक
की घटना और दिए गए चेतावनी संदेश को दिखाएं.
3.
यह तत्व है ज्यादातर पूर्व-एशियाई भाषाओं के लिए उपयोग किया जाता है, हालाँकि यह isn है”t इसका एकमात्र उपयोग मामला है। का उद्देश्य है बस के लिए है ग्रंथों के लिए एनोटेशन या उच्चारण जोड़ें, और आप अंग्रेजी सामग्री के साथ भी ऐसा कर सकते हैं.
तत्व दो मुख्य उप-तत्वों को संलग्न करता है, यानी
तथा .
टैग उस पाठ को धारण करता है जिसे आप एनोटेट करना चाहते हैं (जिसे कहा जाता है आधार पाठ) और एनोटेशन खुद रखता है.
एक व्यक्ति जो व्यवसाय या व्यवसाय स्थापित करता है, लाभ की उम्मीद में वित्तीय जोखिम उठाता है, उसे कहा जाता है
व्यवसायी ; मनोरंजन उद्योग में एक प्रमोटर.
का उच्चारण “व्यवसायी” शब्द जोड़ा गया है का उपयोग करते हुए पैरा के अंदर तत्व. शब्द अपने आप में लिपटा हुआ है
टैग और उच्चारण में .
इस तरह से आउटपुट दिखता है:
4.
आदेशित सूचियों के लिए तत्व एक और तत्व है जिससे आप परिचित हो सकते हैं। यह एक सूची बनाता है तत्वों की संख्या है, के साथ बनाई गई एक अनियंत्रित सूची के विपरीत
.
आप ऑर्डर करने के बारे में जानते होंगे, लेकिन क्या आप जानते हैं कि आदेश उलटा किया जा सकता है? एक वेतन वृद्धि आदेश के बजाय, घटता क्रमांकन द्वारा भी किया जा सकता है
, का उपयोग करते हुए औंधा
गुण.
- खरोंचना
- महजोंग
- एकाधिकार
- शतरंज
- Jenga
औंधा
गुण नंबरिंग को उलट देता है, जबकि प्रकार
गुण क्रमांकन के प्रकार को निर्धारित करता है. राजधानी मैं कैपिटल रोमन नंबरिंग को दर्शाता है.
यह स्क्रीन पर कैसा दिखता है:
5.
तत्व का मतलब है एक शब्द लपेटें जो उसके आसपास के पाठ द्वारा परिभाषित किया गया है. द्वारा संलग्न पाठ
टैग है इटैलिक के साथ ब्राउज़रों द्वारा स्टाइल, यह परिभाषित किया जा रहा शब्द है.
आप शब्द की परिभाषा को अंदर जोड़ सकते हैं इसके मूल्य में
शीर्षक
विशेषता, जो उपयोगी है उन शब्दों को परिभाषित करें जो जरूरी नहीं कि उनके आसपास के पाठ द्वारा परिभाषित किए गए हों.
तत्त्व के समान काम करता है
जो इसमें दिए गए संक्षिप्त नाम का अर्थ प्रदर्शित करता है
शीर्षक
जब उपयोगकर्ता तत्व पर हो जाता है तो विशेषता.
वहां एक विरोधाभास डिजाइन और प्रोटोटाइप के बीच.
यह इसका है डिफ़ॉल्ट ब्राउज़र स्टाइल, हालांकि एक उत्पादन साइट पर, आप एक अलग शैली का उपयोग करना चाह सकते हैं:
परिभाषित शब्द पर कर्सर ले जाना, पृष्ठ होगा में जोड़ी गई परिभाषा दिखाएँ शीर्षक
गुण.