HTML5 - विशेषताएँ
जैसा कि पिछले अध्याय में बताया गया है, तत्वों में ऐसे गुण हो सकते हैं जिनका उपयोग किसी तत्व के विभिन्न गुणों को सेट करने के लिए किया जाता है।
कुछ विशेषताओं को विश्व स्तर पर परिभाषित किया गया है और किसी भी तत्व पर उपयोग किया जा सकता है, जबकि अन्य केवल विशिष्ट तत्वों के लिए परिभाषित किए गए हैं। सभी विशेषताओं का एक नाम और एक मूल्य है और जैसा कि नीचे उदाहरण में दिखाया गया है।
एचटीएमएल 5 विशेषताओं का उदाहरण निम्नलिखित है जो दिखाता है कि "उदाहरण" के मान का उपयोग करके वर्ग नाम की विशेषता के साथ एक दिव्य तत्व को कैसे चिह्नित किया जाए -
<div class = "example">...</div>
विशेषताएँ केवल भीतर निर्दिष्ट की जा सकती हैं start tags और में कभी भी इस्तेमाल नहीं किया जाना चाहिए end tags।
HTML5 विशेषताएँ केस असंवेदनशील हैं और सभी अपरकेस या मिश्रित मामले में लिखी जा सकती हैं, हालांकि सबसे आम सम्मेलन लोअरकेस के साथ रहना है।
मानक गुण
नीचे सूचीबद्ध विशेषताएँ लगभग सभी HTML 5 टैग द्वारा समर्थित हैं।
गुण | विकल्प | समारोह |
---|---|---|
आगमन चाबी | उपयोगकर्ता परिभाषित | किसी तत्व तक पहुंचने के लिए एक कीबोर्ड शॉर्टकट निर्दिष्ट करता है। |
संरेखित | दाएँ, बाएँ, केंद्र | क्षैतिज रूप से टैग संरेखित करता है |
पृष्ठभूमि | यूआरएल | एक तत्व के पीछे एक पृष्ठभूमि छवि रखता है |
bgcolor | संख्यात्मक, हेक्सिडेसिमल, आरजीबी मान | एक तत्व के पीछे एक पृष्ठभूमि रंग रखता है |
कक्षा | उपयोगकर्ता परिभाषित | कैस्केडिंग स्टाइल शीट्स के साथ उपयोग के लिए एक तत्व को वर्गीकृत करता है। |
contenteditable | सही गलत | निर्दिष्ट करता है कि उपयोगकर्ता तत्व की सामग्री को संपादित कर सकता है या नहीं। |
संदर्भ की विकल्प - सूची | मेनू आईडी | किसी तत्व के लिए संदर्भ मेनू निर्दिष्ट करता है। |
डेटा-XXXX | उपयोगकर्ता परिभाषित | कस्टम विशेषताएँ। एक HTML दस्तावेज़ के लेखक अपनी विशेषताओं को परिभाषित कर सकते हैं। "डेटा-" से शुरू करना चाहिए। |
खींचने योग्य | सच, झूठ, ऑटो | निर्दिष्ट करता है कि उपयोगकर्ता को किसी तत्व को खींचने की अनुमति है या नहीं। |
ऊंचाई | अंकीय मान | तालिका, चित्र, या तालिका कोशिकाओं की ऊँचाई निर्दिष्ट करता है। |
छिपा हुआ | छिपा हुआ | निर्दिष्ट करता है कि तत्व दिखाई देना चाहिए या नहीं। |
ईद | उपयोगकर्ता परिभाषित | कैस्केडिंग स्टाइल शीट्स के साथ एक तत्व का नाम। |
मद | तत्वों की सूची | समूह तत्वों के लिए उपयोग किया जाता है। |
itemprop | वस्तुओं की सूचि | समूह आइटम के लिए उपयोग किया जाता है। |
अक्षर जाँच लें | सही गलत | निर्दिष्ट करता है कि तत्व में वर्तनी या व्याकरण की जाँच होनी चाहिए। |
अंदाज | सीएसएस स्टाइल शीट | एक तत्व के लिए एक इनलाइन शैली निर्दिष्ट करता है। |
विषय | उपयोगकर्ता परिभाषित आईडी | तत्व के संगत आइटम को निर्दिष्ट करता है। |
tabindex | टैब नंबर | किसी तत्व का टैब क्रम निर्दिष्ट करता है। |
शीर्षक | उपयोगकर्ता परिभाषित | आपके तत्वों के लिए "पॉप-अप" शीर्षक। |
वेलिजन | ऊपर, बीच, नीचे | HTML तत्व में वर्टिकल रूप से टैग्स को अलाइन करता है। |
चौड़ाई | अंकीय मान | तालिका, चित्र या तालिका कोशिकाओं की चौड़ाई निर्दिष्ट करता है। |
HTML5 टैग और संबंधित विशेषताओं की पूरी सूची के लिए, कृपया HTML5 टैग के लिए हमारे संदर्भ की जाँच करें ।
कस्टम विशेषताएँ
HTML 5 में पेश की जा रही एक नई सुविधा कस्टम डेटा विशेषताओं का जोड़ है।
एक कस्टम डेटा विशेषता के साथ शुरू होता है data-और आपकी आवश्यकता के आधार पर नामित किया जाएगा। यहाँ एक सरल उदाहरण है -
<div class = "example" data-subject = "physics" data-level = "complex">
...
</div>
उपरोक्त कोड दो कस्टम विशेषताओं के साथ पूरी तरह से मान्य HTML5 होगा, जिन्हें डेटाबजेक्ट और डेटा-स्तर कहा जाता है । आप जावास्क्रिप्ट एपीआई या सीएसएस का उपयोग करके इन विशेषताओं के मूल्यों को उसी तरह प्राप्त करने में सक्षम होंगे जैसे आप मानक विशेषताओं के लिए प्राप्त करते हैं।