#summary The a media attribute represents the medium for which the target resource is designed.
#labels about-html,is-html-attribute,from-whatwg

You are here: [Welcome Home] > [HTMLReference HTML Reference] > [HTMLElements Elements] > [AElement <a> element] > *media attribute*

== Usage ==

{{{
<a href="/print.html" media="print">Printer-friendly version</a>
}}}

== Values ==

The `media` attribute must be a valid [http://www.w3.org/TR/css3-mediaqueries/ media query].  If not specified, the default value is `all`.

== Elements ==

You can use the `media` attribute on the following elements:

  * [AElement <a>]
  * [AreaElement <area>]
  * [LinkElement <link>]
  * [SourceElement <source>]
  * [StyleElement <style>]

== Browser compatibility ==

[ArticleBrowserCompatibilityLegend Compatibility table legend]

|| *Test* || *IE8* || *IE7* || *IE6* || *FF3* || *FF2* || *Saf3* || *Op9* || *Chrome* ||
|| [http://doctype.googlecode.com/svn/trunk/tests/html/attributes/a-media-all-reflection-test.html a.media reflects <a media="all">] || Y || Y || Y || N || N || N || Y || N ||
|| [http://doctype.googlecode.com/svn/trunk/tests/html/attributes/a-media-print-reflection-test.html a.media reflects <a media="print">] || Y || Y || Y || N || N || N || Y || N ||
|| [http://doctype.googlecode.com/svn/trunk/tests/html/attributes/a-media-screen-reflection-test.html a.media reflects <a media="screen">] || Y || Y || Y || N || N || N || Y || N ||

== Further reading ==

  * [http://www.whatwg.org/specs/web-apps/current-work/#media10 The media attribute in HTML 5]
  * [http://www.w3.org/TR/css3-mediaqueries/ Media Queries W3C specification]