<area> एलिमेंट का hreflang एट्रिब्यूट
<area> टैग का hreflang एट्रिब्यूट इमेज मैप में परिभाषित क्षेत्र के हाइपरलिंक (href) की भाषा निर्दिष्ट करता है। यह सर्च इंजन और ब्राउज़र को लिंक किए गए दस्तावेज़ की भाषा समझने में मदद करता है।
वाक्यविन्यास (Syntax)
<area hreflang="language_code">
यहां language_code ISO भाषा कोड है, जैसे अंग्रेजी के लिए en, फ्रेंच के लिए fr, जापानी के लिए ja (न कि js)।
उदाहरण
नीचे एक इमेज मैप है जिसमें तीन क्षेत्र (पॉलीगॉन, रेक्टेंगल, सर्कल) हैं, प्रत्येक का hreflang "en" (अंग्रेजी) पर सेट है:
<!DOCTYPE html>
<html>
<body>
<h2>शिक्षण</h2>
<p>इन तकनीकों को आसानी से सीखें....</p>
<img src="/images/usemap.gif" alt="usemap" border="0" usemap="#tutorials"/>
<map name="tutorials">
<area shape="poly" coords="74,0,113,29,98,72,52,72,38,27"
href="/perl/index.htm" alt="Perl Tutorial" download="perl" hreflang="en"/>
<area shape="rect" coords="22,83,126,125" alt="HTML Tutorial"
href="/html/index.htm" target="_blank" download="html" hreflang="en"/>
<area shape="circle" coords="73,168,32" alt="PHP Tutorial"
href="/php/index.htm" target="_blank" download="php" hreflang="en"/>
</map>
</body>
</html>
आउटपुट
इमेज मैप प्रदर्शित होगी:
कोड विश्लेषण
हमने निम्न इमेज पर मैप सेट किया है:
<img src="/images/usemap.gif" alt="usemap" border="0" usemap="#tutorials"/>
मैप और उसके अंदर क्षेत्र आकार के अनुसार परिभाषित हैं:
<map name="tutorials">
<area shape="poly" coords="74,0,113,29,98,72,52,72,38,27"
href="/perl/index.htm" alt="Perl Tutorial" download="perl" hreflang="en"/>
<area shape="rect" coords="22,83,126,125" alt="HTML Tutorial"
href="/html/index.htm" target="_blank" download="html" hreflang="en"/>
<area shape="circle" coords="73,168,32" alt="PHP Tutorial"
href="/php/index.htm" target="_blank" download="php" hreflang="en"/>
</map>
URL की भाषा hreflang एट्रिब्यूट का उपयोग करके सेट की गई है:
hreflang="en"
उपरोक्त में हमने अंग्रेजी के लिए सेट किया है।
नोट
hreflang एट्रिब्यूट केवल तभी काम करता है जब href एट्रिब्यूट भी मौजूद हो। यह SEO और एक्सेसिबिलिटी के लिए महत्वपूर्ण है।
