एचटीएमएल मीडिया विशेषता
परिभाषा और उपयोग
विशेषता निर्दिष्ट करती है कि लिंक किए गए दस्तावेज़ को mediaकिस मीडिया/डिवाइस के लिए अनुकूलित किया गया है।
इस विशेषता का उपयोग यह निर्दिष्ट करने के लिए किया जाता है कि लक्ष्य URL विशेष उपकरणों (जैसे iPhone), भाषण या प्रिंट मीडिया के लिए डिज़ाइन किया गया है।
यह विशेषता कई मान स्वीकार कर सकती है।
पर लागू होता है
विशेषता का mediaउपयोग निम्नलिखित तत्वों पर किया जा सकता है:
| तत्वों | गुण |
|---|---|
| <ए> | मीडिया |
| <क्षेत्र> | मीडिया |
| <लिंक> | मीडिया |
| <स्रोत> | मीडिया |
| <शैली> | मीडिया |
उदाहरण
एक उदाहरण
मीडिया विशेषता वाला लिंक:
<a href="att_a_media.asp?output=print"
media="print and (resolution:300dpi)">
Open media attribute page for print.</a>
क्षेत्र उदाहरण
एक छवि मानचित्र, एक क्लिक करने योग्य क्षेत्र के साथ:
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" alt="Sun"
href="sun.htm" media="screen and (min-color-index:256)">
</map>
लिंक उदाहरण
दो अलग-अलग मीडिया प्रकारों (स्क्रीन और प्रिंट) के लिए दो अलग-अलग स्टाइल शीट:
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
<link rel="stylesheet" type="text/css" href="print.css" media="print">
</head>
स्रोत उदाहरण
मीडिया विशेषता का उपयोग:
<source src="movie.ogg" type="video/ogg"
media="screen and (min-width:320px)">
शैली उदाहरण
प्रिंट के लिए उपयोग की जाने वाली शैली निर्दिष्ट करें:
<style media="print">
h1 {color:#000000;}
p {color:#000000;}
body {background-color:#FFFFFF;}
</style>
ब्राउज़र समर्थन
विशेषता में mediaप्रत्येक तत्व के लिए निम्नलिखित ब्राउज़र समर्थन है:
| Element | |||||
|---|---|---|---|---|---|
| a | Yes | Yes | Yes | Yes | Yes |
| area | Yes | Yes | Yes | Yes | Yes |
| link | Yes | Yes | Yes | Yes | Yes |
| source | Not supported | Not supported | Not supported | Not supported | Not supported |
| style | Yes | Yes | Yes | Yes | Yes |