HTML5 विशेषताएँ. HTML विशेषताएँ. HTML5 पेज लेआउट संरचना

हमने पहले ही इसका पता लगा लिया है। हमें पता चला कि उनके पास सामग्री है. हालाँकि, यह सब नहीं है. टैग में ऐसे गुण भी होते हैं जो उनकी क्षमताओं को बढ़ाते हैं, और गुणों के बदले में मूल्य होते हैं। उनकी मदद से, आप किसी तत्व के लिए पैरामीटर सेट कर सकते हैं और डिज़ाइन शैली निर्धारित कर सकते हैं। उदाहरण के लिए, टैग के साथ

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

विशेषताएँ आरक्षित शब्द हैं (जैसे टैग, केवल कोण कोष्ठक के बिना), लेकिन उनके अर्थ भिन्न हो सकते हैं। टैग की तरह, छोटे अक्षरों में मूल्यों के साथ विशेषताओं को लिखने की सिफारिश की जाती है, हालांकि ब्राउज़र, सामान्य तौर पर, परवाह नहीं करते हैं - यह सिर्फ अच्छे शिष्टाचार का नियम है: रूसी में, कैप्स लॉक होने पर लिखना भी स्वीकार्य नहीं है सक्षम किया गया है। HTML बदतर क्यों है?

विशेषता मान निम्नलिखित प्रारूप में लिखे गए हैं:

गुण='मूल्य' लैंग='एन'

आपको हमेशा आरक्षित शब्द के बाद शुरुआती टैग के अंदर विशेषताएँ लिखनी चाहिए।

अनुच्छेद

आमतौर पर एक ही टैग के लिए कई विशेषताएँ उपलब्ध होती हैं। इससे कोई फर्क नहीं पड़ता कि वे किस क्रम में सूचीबद्ध हैं।

प्रत्येक HTML टैग में विशेषताओं का अपना सेट होता है। कुछ विशेषताएँ एकाधिक टैग के लिए उपलब्ध हो सकती हैं, जबकि अन्य केवल एक के साथ ही काम कर सकती हैं। सार्वभौमिक (वैश्विक) विशेषताओं का एक समूह भी है जिसका उपयोग किसी भी टैग के साथ किया जा सकता है। आइए संक्षेप में इस श्रेणी की विशेषताओं पर नजर डालें।

• एक्सेसकी आपको एक्सेस करने के लिए एक कीबोर्ड शॉर्टकट सेट करने की अनुमति देता है विशिष्ट वस्तुपन्ने. उदाहरण के लिए, आप यह सुनिश्चित कर सकते हैं कि उपयोगकर्ता किसी विशिष्ट लिंक का अनुसरण करने के लिए Alt+1 कुंजी संयोजन का उपयोग करता है। इस प्रकार, एक प्रमुख नेविगेशन प्रणाली विकसित करें।

विशेषता मान संख्या 0-9 या लैटिन वर्णमाला के अक्षर हो सकते हैं:

एक के साथ कुंजी संयोजन दबाने पर लिंक खुल जाएगा

• क्लास आपको किसी टैग को पूर्वनिर्धारित टैग के साथ जोड़ने की अनुमति देता है सीएसएस स्टाइलिंग. किसी विशेषता का उपयोग करने से आप कोड को महत्वपूर्ण रूप से कम कर सकते हैं, क्योंकि एक ही सीएसएस ब्लॉक को दोहराने के बजाय, आप बस संबंधित वर्ग का नाम दर्ज कर सकते हैं।
• contenteditable का उपयोग करके, आप उपयोगकर्ता को HTML पृष्ठ के किसी भी तत्व को संपादित करने की अनुमति दे सकते हैं: टेक्स्ट हटाएं, डालें, बदलें। वही विशेषता संपादन और अक्षम करना संभव बनाती है। इसके केवल दो मान हैं: सत्य - संपादन की अनुमति दें, गलत - अक्षम करें।
• कॉन्टेक्स्टमेनू विशेषता का उपयोग करके, आप अपने विवेक पर अद्वितीय संदर्भ मेनू आइटम के साथ कोई भी दस्तावेज़ तत्व प्रदान कर सकते हैं। मेनू स्वयं टैग में बनाया गया है, और contextmenu विशेषता को इसका पहचानकर्ता सौंपा गया है।
• dir पाठ की दिशा निर्दिष्ट करता है: बाएँ से दाएँ (ltr) या दाएँ से बाएँ (rtl)।
• ड्रैगगेबल आपको उपयोगकर्ता को इस विशेषता से संपन्न पृष्ठ तत्व को खींचने के लिए अक्षम (गलत) या अनुमति (सही) देने की अनुमति देता है।
• ड्रॉपज़ोन ब्राउज़र को बताता है कि गिराए गए तत्व के साथ क्या करना है: प्रतिलिपि (मूल्य प्रतिलिपि), स्थानांतरित (स्थानांतरित करें) या इसके लिए एक लिंक बनाएं (लिंक)।
• छिपा हुआ - एक विशेषता जो आपको किसी तत्व की सामग्री को छिपाने की अनुमति देती है ताकि वह ब्राउज़र में प्रदर्शित न हो। यदि विशेषता को गलत पर सेट किया गया है, तो ऑब्जेक्ट प्रदर्शित होता है, सत्य - यह छिपा हुआ है।
• आईडी तत्व के पहचानकर्ता को निर्दिष्ट करता है - एक प्रकार का नाम जो ऑब्जेक्ट की शैली को बदलने के लिए आवश्यक है, साथ ही ताकि स्क्रिप्ट उस तक पहुंच सके। विशेषता का मान उसका नाम होगा. इसे लैटिन अक्षर से शुरू होना चाहिए, और इसमें संख्याएं, समान लैटिन वर्णमाला के अक्षर (बड़े और छोटे), साथ ही हाइफ़न (-) और अंडरस्कोर (_) प्रतीक शामिल हो सकते हैं। रूसी अक्षर शामिल नहीं हो सकते.
• लैंग ब्राउज़र को यह समझने में मदद करता है कि सामग्री किस भाषा में लिखी गई है और उसे उसी के अनुसार स्टाइल करता है (उदाहरण के लिए, भाषाएं विभिन्न उद्धरणों का उपयोग कर सकती हैं)। मान भाषा कोड (रूसी - आरयू, अंग्रेजी - एन, आदि) हैं।
• वर्तनी जाँच सक्षम (सही) या अक्षम (गलत) वर्तनी जाँच करती है। फॉर्म फ़ील्ड टैग में विशेषता का उपयोग करना विशेष रूप से उपयोगी है जहां उपयोगकर्ता टेक्स्ट दर्ज करेगा।
• शैली आपको किसी तत्व का डिज़ाइन सेट करने की अनुमति देती है सीएसएस का उपयोग करना-कोड.
• tabindex आपको यह निर्धारित करने की अनुमति देता है कि फोकस प्राप्त करने के लिए उपयोगकर्ता को उस विशेषता वाले ऑब्जेक्ट के लिए कितनी बार Tab कुंजी दबानी होगी। क्लिक की संख्या विशेषता मान निर्धारित करती है - एक सकारात्मक पूर्णांक।
• शीर्षक - एक टूलटिप जो तब दिखाई देगी जब आप किसी तत्व पर माउस ले जाएंगे और उसे कुछ देर के लिए गतिहीन छोड़ देंगे। अर्थ में पंक्ति संकेत होगी।

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

यह ध्यान में रखने योग्य है कि संरेखण विशेषता का उपयोग अनुशंसित नहीं है, और सीएसएस का उपयोग करके पाठ को संरेखित करना बेहतर है।

उदाहरण के तौर पर, HTML कोड की पंक्ति पर विचार करें:

इस पाठ को संपादित किया जा सकता है

संपूर्ण पंक्ति पाठ का एक अनुच्छेद बनाती है जिसे उपयोगकर्ता ब्राउज़र में संपादित कर सकता है।

आइए पंक्ति के प्रत्येक तत्व को देखें।

- पैराग्राफ को संग्रहीत करने वाले कंटेनर का शुरुआती टैग।

प्रतीकों के बीच > और< расположен текст Этот текст можно редактировать. Это - надпись вне тегов (между ними), а значит она будет видна открывшему страницу пользователю. Браузер воспринимает её как простой текст, который надо вывести на экран.

contenteditable =”true” - यह विशेषता और उसका मूल्य है। याद रखें कि स्कूल में कैसे: x=3. यहाँ भी वही: संतोषप्रद = "सत्य"। contenteditable विशेषता निर्दिष्ट करती है कि उपयोगकर्ता तत्व की सामग्री को संपादित कर सकता है या नहीं, true मान, एक समान चिह्न द्वारा अलग किए गए उद्धरण चिह्नों में लिखा गया है, संपादन की अनुमति देता है:

गुण='मूल्य' contenteditable='सत्य'

XHTML/HTML4 के दिनों में, डेवलपर्स के पास कुछ ही विकल्प थे जिनका उपयोग वे मनमाने DOM-संबंधित डेटा को संग्रहीत करने के लिए कर सकते थे। आप अपनी स्वयं की विशेषताओं का आविष्कार कर सकते हैं, लेकिन यह जोखिम भरा था - आपका कोड मान्य नहीं होगा, ब्राउज़र आपके डेटा को अनदेखा कर सकते हैं, और यदि नाम मानक HTML विशेषताओं से मेल खाता है तो यह समस्याएं पैदा कर सकता है।

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

हमारा जावास्क्रिप्ट कोड आईडी msglist वाले तत्व की तलाश करेगा। स्क्रिप्ट का उपयोग करके, हम user_ से शुरू होने वाली कक्षाओं की खोज करेंगे, और हमारे मामले में "बॉब" उपयोगकर्ता आईडी होगा, और हम उस उपयोगकर्ता के सभी संदेश प्रदर्शित करेंगे।

मान लीजिए कि हम संदेशों की अधिकतम संख्या भी निर्धारित करना चाहेंगे, और छह महीने (180 दिन) से अधिक पुराने संदेशों को छोड़ देंगे:

हमारा वर्ग विशेषतायह बहुत जल्दी अव्यवस्थित हो जाता है - गलती करना आसान है, और जावास्क्रिप्ट में स्ट्रिंग्स को पार्स करना अधिक से अधिक कठिन हो जाता है।

सौभाग्य से, HTML5 ने कस्टम विशेषताओं का उपयोग करने की क्षमता पेश की। उदाहरण के लिए, आप डेटा- के पहले लगे किसी भी लोअरकेस नाम का उपयोग कर सकते हैं:

कस्टम डेटा विशेषताएँ:

• ये स्ट्रिंग हैं - आप इनमें कोई भी जानकारी संग्रहीत कर सकते हैं जिसे स्ट्रिंग के रूप में दर्शाया या एन्कोड किया जा सकता है, जैसे कि JSON। टाइप कास्टिंग जावास्क्रिप्ट का उपयोग करके की जानी चाहिए
• उन मामलों में उपयोग किया जाना चाहिए जहां कोई उपयुक्त HTML5 तत्व या विशेषताएँ नहीं हैं
• केवल पृष्ठ देखें। माइक्रोफॉर्मेट के विपरीत उन्हें नजरअंदाज किया जाना चाहिए बाहरी प्रणालियाँ, प्रकार खोज इंजनऔर खोज रोबोट

सभी ब्राउज़र आपको getAttribute और setAttribute तरीकों का उपयोग करके डेटा विशेषताएँ प्राप्त करने और बदलने की अनुमति देते हैं:

वर msglist = document.getElementById("msglist"); var शो = msglist.getAttribute('डेटा-सूची-आकार'); msglist.setAttribute('डेटा-सूची-आकार', +शो+3);

यह काम करता है, लेकिन इसका उपयोग केवल पुराने ब्राउज़र के साथ संगतता बनाए रखने के लिए किया जाना चाहिए।

jQuery 1.4.3 के अनुसार, डेटा() विधि HTML5 डेटा विशेषताओं को संभालती है। आपको डेटा-उपसर्ग को स्पष्ट रूप से निर्दिष्ट करने की आवश्यकता नहीं है, इसलिए इस तरह का कोड काम करेगा:

वर संदेशसूची = $('#msglist'); var शो = msglist.data("सूची-आकार"); msglist.data("सूची-आकार", दिखाएँ+3);

हालाँकि, ध्यान रखें कि jQuery ऐसी विशेषताओं के मानों को उचित प्रकारों (बूलियन, संख्याएँ, ऑब्जेक्ट, सरणियाँ, या शून्य) में बदलने का प्रयास करता है और DOM को प्रभावित करेगा। setAttribute के विपरीत, डेटा() विधि भौतिक रूप से डेटा-सूची-आकार विशेषता को प्रतिस्थापित नहीं करेगी - यदि आप jQuery के बाहर इसका मान जांचते हैं - तो यह अभी भी 5 होगा।

अंत में, हमारे पास HTML5 डेटासेट के साथ काम करने के लिए एक एपीआई है जो DOMStringMap ऑब्जेक्ट लौटाता है। यह याद रखना महत्वपूर्ण है कि डेटा विशेषताओं को डेटा के बिना किसी ऑब्जेक्ट में मैप किया जाता है- उपसर्ग, नामों से हाइफ़न हटा दिए जाते हैं, और नाम स्वयं कैमलकेस में परिवर्तित हो जाते हैं, उदाहरण के लिए:

हमारा नया कोड:

वर msglist = document.getElementById("msglist"); var शो = msglist.dataset.listSize; msglist.dataset.listSize = +show+3;

यह एपीआई सभी आधुनिक ब्राउज़रों द्वारा समर्थित है, लेकिन IE10 और उससे नीचे के ब्राउज़र द्वारा समर्थित नहीं है। इन ब्राउज़रों के लिए एक समाधान मौजूद है, लेकिन यदि आप पुराने ब्राउज़रों के लिए लिख रहे हैं तो संभवतः jQuery का उपयोग करना अधिक व्यावहारिक है।

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

HTML में कई विशेषताएँ हैं जो सार्वभौमिक हैं और लगभग किसी भी टैग पर लागू की जा सकती हैं, इसलिए इस समूह में शामिल विशेषताओं को वैश्विक विशेषताएँ कहा जाता है।

इस ट्यूटोरियल के उदाहरणों में अक्सर वैश्विक विशेषताओं का सामना किया जाएगा; मेरा सुझाव है कि आप उन विशेषताओं की तुरंत समीक्षा करें जिनकी हमने पहले ही समीक्षा कर ली है और उन वैश्विक विशेषताओं से खुद को परिचित कर लें जिनकी चर्चा आगामी लेखों में की जाएगी:

अगले विषय पर जाने से पहले, अभ्यास कार्य पूरा करें:

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

HTML5 पर, हालाँकि सभी आधुनिक ब्राउज़र पहले से ही समर्थन करते हैं यह मानक. दिसंबर 2011 तक, मानक अभी भी विकासाधीन है।

HTML5 कई नई वाक्यात्मक विशेषताएं जोड़ता है - , , और . इन तत्वों को मूल प्लगइन्स और एपीआई का सहारा लिए बिना वेब पर ग्राफिक्स और मीडिया को एम्बेड और प्रबंधित करना आसान बनाने के लिए डिज़ाइन किया गया है। अन्य नए तत्व जैसे , , और दस्तावेज़ (पृष्ठ) की शब्दार्थ सामग्री को समृद्ध करने के लिए डिज़ाइन किए गए हैं।

• 1. अनुभाग टैग (लेख, एक तरफ, पादलेख, शीर्षलेख, एचग्रुप, एनएवी, अनुभाग)
• 2. सामग्री समूहीकरण टैग (आंकड़ा, चित्र कैप्शन)
• 3. सिमेंटिक टेक्स्ट हाइलाइटिंग के लिए टैग (बीडीओ, मार्क, टाइम, रूबी, आरटी, आरपी, डब्ल्यूबीआर)
• 4. सामग्री डालने के लिए टैग (ऑडियो, वीडियो, कैनवास, एंबेड, स्रोत)
• 5. प्रपत्र तत्वों के लिए टैग (डेटालिस्ट, कीजेन, आउटपुट, प्रगति, मीटर)
• 6. इंटरएक्टिव तत्व (विवरण, सारांश, कमांड, मेनू)

सामान्य वेबसाइट पृष्ठ संरचना का उपयोग करते समय, आप संबंधित वर्ग (, , , , आदि) के साथ div टैग द्वारा वर्णित कई विशिष्ट ब्लॉकों की पहचान कर सकते हैं।

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

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

सभी आधुनिक ब्राउज़र (ओपेरा, सफारी, क्रोम, मोज़िला, IE9+) में पहले से ही HTML5 के लिए समर्थन है। IE8 और उससे कम के ब्राउज़र के लिए, आपको जावास्क्रिप्ट कनेक्ट करना चाहिए, जो उन्हें नए टैग को समझना "सिखाएगा"। इसे कनेक्ट करने का कोड नीचे है:

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

विशिष्ट टैग के लिए विशिष्ट विशेषताओं के साथ, HTML5 में कई विशेषताएँ हैं जिन्हें किसी भी टैग में जोड़ा जा सकता है, इसलिए इस समूह में शामिल विशेषताओं को वैश्विक या सार्वभौमिक कहा जाता है। वे नीचे सूचीबद्ध हैं संक्षिप्त विवरण. लिंक के माध्यम से उपलब्ध है विस्तृत विवरणगुण।

एक्सेसकी विशेषता आपको लिंक कोड में निर्दिष्ट अक्षर या संख्या के साथ एक निश्चित कुंजी संयोजन का उपयोग करके एक लिंक को सक्रिय करने की अनुमति देती है। ब्राउज़र विभिन्न कुंजी संयोजनों का उपयोग करते हैं। उदाहरण के लिए, accesskey='s' के लिए निम्नलिखित संयोजन काम करते हैं।

• इंटरनेट एक्सप्लोरर: Alt + S
• क्रोम: Alt + S
• ओपेरा: शिफ्ट + ईएससी, एस
• सफ़ारी: Alt+S
• फ़ायरफ़ॉक्स: Shift + Alt + S

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

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

किसी तत्व के लिए संदर्भ मेनू सेट करता है। मान टैग का उपयोग करके बनाए गए मेनू का पहचानकर्ता है।

पाठ की दिशा और प्रदर्शन निर्धारित करता है - बाएँ से दाएँ या दाएँ से बाएँ। यदि टेक्स्ट यूनिकोड में है तो ब्राउज़र आमतौर पर उसकी दिशा में अंतर करते हैं, लेकिन आप टेक्स्ट को किस दिशा में प्रदर्शित करना है यह निर्दिष्ट करने के लिए dir विशेषता का उपयोग कर सकते हैं। अरबी और हिब्रू वर्णों के लिए, यूनिकोड दिशा को प्राथमिकता दी जाती है, इसलिए डीआईआर विशेषता उन्हें प्रभावित नहीं करेगी।

आपको आगे के हेरफेर के लिए किसी तत्व को खींचने की अनुमति देता है।

निर्दिष्ट करता है कि खींचे जा रहे तत्व के साथ क्या करना है।

किसी तत्व की सामग्री को दृश्य से छुपाता है। ऐसा तत्व पृष्ठ पर प्रदर्शित नहीं होता है, लेकिन स्क्रिप्ट के माध्यम से पहुंच योग्य होता है।

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

माइक्रोडेटा के साथ काम करने के लिए डिज़ाइन किया गया विशेषताओं का एक समूह।

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

ब्राउज़र को यह जाँचने के लिए कहता है कि पाठ में वर्तनी और व्याकरण सही है या नहीं। हालाँकि विशेषता को लगभग सभी तत्वों पर सेट किया जा सकता है, लेकिन प्रभाव केवल फॉर्म फ़ील्ड्स ( , ) और संपादन योग्य तत्वों पर ध्यान देने योग्य होगा (उनके पास contenteditable विशेषता सेट है)।

CSS नियमों का उपयोग करके किसी तत्व को स्टाइल करने के लिए उपयोग किया जाता है।

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

एक टेक्स्ट टूलटिप बनाता है जो तब दिखाई देता है जब आप किसी तत्व पर होवर करते हैं। इस संकेत का प्रकार ब्राउज़र और सेटिंग्स पर निर्भर करता है ऑपरेटिंग सिस्टमऔर HTML कोड या शैलियों का उपयोग करके बदला नहीं जा सकता।