HTML में लिंक्ड डॉक्यूमेंट के लिए मीडिया/डिवाइस कैसे निर्दिष्ट करें?

media एट्रिब्यूट का उपयोग यह निर्दिष्ट करने के लिए किया जाता है कि लिंक्ड डॉक्यूमेंट किस मीडिया/डिवाइस के लिए ऑप्टिमाइज़्ड है। यह <a>, <area>, <link>, <source>, <style> एलिमेंट्स के साथ काम करता है।

उदाहरण

<html> 
  <head> 
    <title>HTML media attribute</title> 
    <link rel='stylesheet' href='style.css' media="screen" /> 
  </head> 
  <body> 
    <p>यह डेमो टेक्स्ट है।</p> 
  </body> 
</html>

मीडिया टाइप्स/क्वेरीज: screen (डिफ़ॉल्ट), print (प्रिंटिंग), speech (स्क्रीन रीडर्स), all (सभी), या मीडिया क्वेरी जैसे screen and (max-width: 600px)। रिस्पॉन्सिव CSS के लिए महत्वपूर्ण।