<area> type एट्रिब्यूट
type एट्रिब्यूट <area> एलिमेंट में लिंक किए गए दस्तावेज़ का MIME प्रकार (मीडिया प्रकार) निर्दिष्ट करता है। यह ब्राउज़र को लिंक किए गए संसाधन की प्रकृति के बारे में संकेत देता है।
सिंटैक्स
<area type="media_type">
सामान्य MIME प्रकार
- इमेज: image/png, image/jpeg, image/gif, image/svg+xml, image/webp
- डॉक्यूमेंट: application/pdf, text/html, text/plain
- वीडियो: video/mp4, video/webm, video/ogg
- ऑडियो: audio/mpeg, audio/ogg, audio/wav
- आर्काइव: application/zip, application/x-rar-compressed
उदाहरण: PNG इमेज के लिए MIME प्रकार
<!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/images/test.png" type="image/png" />
<area shape="circle" coords="73,168,32" alt="PHP Tutorial"
href="/php/index.htm" target="_blank" download="php" hreflang="en"/>
</map>
</body>
</html>
आउटपुट
HTML क्षेत्र (आयताकार) पर क्लिक करने पर PNG इमेज खुलेगी, जिसके लिए type="image/png" निर्दिष्ट है।
कोड व्याख्या
<area shape="rect" coords="22,83,126,125"
alt="HTML Tutorial" href="/html/images/test.png" type="image/png" />
उपयोग और लाभ
- सलाहकार (advisory): ब्राउज़र के लिए संकेत, सख्ती से लागू नहीं
- प्रीफेचिंग: ब्राउज़र संसाधन को पहले से लोड कर सकता है
- एक्सेसिबिलिटी: स्क्रीन रीडर्स फाइल प्रकार घोषित कर सकते हैं
- डाउनलोड:
downloadएट्रिब्यूट के साथ संयुक्त, फाइल नाम/प्रकार सुझाता है
नोट
यह एट्रिब्यूट आवश्यक नहीं है। ब्राउज़र सर्वर के Content-Type हेडर से वास्तविक प्रकार निर्धारित करता है।
