इस प्रोजेक्ट के बारे में
HEAD, HTML दस्तावेज़ के head अनुभाग में शामिल होने वाले तत्वों के लिए एक सरल, समुदाय-संचालित मार्गदर्शिका है। इसे किसी लाइब्रेरी के बजाय एक संदर्भ के रूप में लिखा गया है, जो ब्राउज़रों, सर्च इंजनों, क्रॉलरों और सोशल प्लेटफ़ॉर्मों द्वारा head मेटाडेटा की व्याख्या कैसे की जाती है, इस बारे में व्यावहारिक स्निपेट और नोट्स एकत्र करती है।
मार्गदर्शिका एक अनुशंसित न्यूनतम से शुरू होती है: utf-8 पर सेट एक charset मेटा टैग, width=device-width और initial-scale=1 वाला एक viewport मेटा टैग, और एक title तत्व। यह समझाती है कि charset और viewport टैग head में जितनी जल्दी संभव हो उतनी जल्दी आने चाहिए ताकि दस्तावेज़ लगातार रेंडर हो, और बाकी सभी head तत्व उनके बाद आने चाहिए।
तत्वों पर एक अनुभाग मान्य head चिल्ड्रन की सूची देता है: meta, link, title, style, script, noscript और base, प्रत्येक के संक्षिप्त उदाहरणों के साथ। फिर एक अनुशंसित क्रम अनुभाग एक व्यावहारिक क्रम निर्धारित करता है: पहले charset, फिर viewport, title, अन्य मेटा टैग, सोशल मेटा टैग, canonical और अन्य लिंक टैग, preconnect और dns-prefetch जैसे रिसोर्स हिंट, स्टाइलशीट, फ़ेविकॉन, और अंत में स्क्रिप्ट, अधिमानतः defer या async के साथ ताकि रेंडरिंग अवरुद्ध न हो।
मेटा अनुभाग इस संदर्भ का सबसे बड़ा हिस्सा है। यह कैरेक्टर एन्कोडिंग, viewport, Content-Security-Policy, application-name, theme-color, color-scheme, description, सामान्य और Google-विशिष्ट क्रॉलरों के लिए robots निर्देश, कई सर्च कंसोलों के लिए साइट सत्यापन टैग, generator, subject, rating, referrer policy, format-detection, भौगोलिक टैग (ICBM, geo.position, geo.region, geo.placename) और Web Monetization का दस्तावेज़ीकरण करता है। नोट्स स्पष्ट करते हैं कि geo टैग सीधे ब्राउज़रों के बजाय सर्च इंजनों और लोकेशन सेवाओं के लिए लक्षित हैं।
लिंक अनुभाग स्टाइलशीट, canonical URL, वेब ऐप मैनिफ़ेस्ट, author और license लिंक, alternate और hreflang लिंक, rel=me पहचान लिंक, self, prev और next संबंध, webmention, micropub, IndieAuth एंडपॉइंट, Open Search, RSS और Atom फ़ीड, और dns-prefetch, preconnect, prefetch तथा preload सहित रिसोर्स हिंट को कवर करता है। यह नोट करता है कि वेब ऐप मैनिफ़ेस्ट इंस्टॉल करने योग्य ऐप प्रॉपर्टी घोषित करने का अनुशंसित क्रॉस-प्लेटफ़ॉर्म तरीका है।
स्क्रिप्ट अनुभाग एक सादे script टैग, async, defer, और संयुक्त async defer पैटर्न के बीच अंतर समझाता है, और फ़ेच किए गए रिसोर्स के सत्यापन के लिए Subresource Integrity का उल्लेख करता है। आइकन अनुभाग फ़ेविकॉन और Apple touch icon के उपयोग को दर्शाता है।
सोशल मेटाडेटा को विस्तार से कवर किया गया है: शीर्षक, छवियों, विवरण, साइट नाम और locale के लिए Open Graph टैग; Schema.org माइक्रोडेटा जिसके लिए html तत्व पर itemscope और itemtype आवश्यक है; नॉलेज ग्राफ़ परिणामों के लिए Google JSON-LD संगठन मार्कअप; Pinterest का nopin निर्देश; oEmbed लिंक संबंध; QQ और WeChat शेयर टैग; DC. उपसर्ग वाले Dublin Core मेटाडेटा तत्व; और Mastodon तथा समान सॉफ़्टवेयर द्वारा उपयोग किया जाने वाला Fediverse creator मेटा टैग।
प्लेटफ़ॉर्म-विशिष्ट अनुभाग Apple iOS (स्मार्ट ऐप बैनर, touch आइकन, स्टार्टअप छवियाँ, स्टैंडअलोन मोड, स्टेटस बार शैली, नॉच वाले फ़ोन के लिए viewport-fit, और डीप लिंकिंग), Google Android (थीम रंग, होम स्क्रीन पर जोड़ें, Play Store डीप लिंकिंग) और Google Chrome (वेब स्टोर आइटम, अनुवाद प्रॉम्प्ट नियंत्रण) के लिए टैग एकत्र करते हैं। एक और अनुभाग चीनी मोबाइल ब्राउज़रों का दस्तावेज़ीकरण करता है: 360 Browser का रेंडरर चयन, QQ Mobile Browser का x5 orientation, fullscreen और page-mode टैग, और UC Mobile Browser का स्क्रीन orientation तथा संबंधित टैग। एक deprecated अनुभाग और अन्य संसाधनों, संबंधित परियोजनाओं, अनुवादों, योगदान मार्गदर्शन, योगदानकर्ताओं, लेखक, समर्थन और लाइसेंस (CC0) की सूचियाँ दस्तावेज़ को पूरा करती हैं।
यह परियोजना उन वेब डेवलपर्स के लिए एक दस्तावेज़ीकरण संसाधन है जो ब्राउज़रों, सर्च इंजनों और सोशल प्लेटफ़ॉर्मों में head मार्कअप परंपराओं की जाँच के लिए एक ही स्थान चाहते हैं।
Comments
0 Rating appears after 10 ratings
Sign in to join the discussion.