Ultimele tutoriale de dezvoltare web
 

HTML media Attribute


Definiție și utilizare

media atribut specifica ce mass - media / dispozitiv documentul legat este optimizat pentru.

Acest atribut este folosit pentru a specifica faptul că URL - ul țintă este conceput pentru dispozitive speciale (like iPhone) , de vorbire sau de suporturi de imprimare.

Acest atribut poate accepta mai multe valori.


Se aplică la

media atribut poate fi utilizat pe următoarele elemente:

element Atribut
<a> media
<area> media
<link> media
<source> media
<style> media

Exemple

A Exemplu

O legătură cu un media atribut:

<a href="att_a_media.asp?output=print"
media="print and (resolution:300dpi)">
Open media attribute page for print.</a>
Încearcă - l singur »

Area Exemplu

O imagine-harta, cu o zonă de clickable:

<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>
Încearcă - l singur »

Link Exemplu

Două foi de stil diferite pentru două tipuri de suporturi diferite (screen and print) :

<head>
<link rel="stylesheet" type="text/css" href="theme.css">
<link rel="stylesheet" type="text/css" href="print.css" media="print">
</head>
Încearcă - l singur »

Source Exemplu

Utilizați din media - media atributului:

<source src="movie.ogg" type="video/ogg"
media="screen and (min-width:320px)">
Încearcă - l singur »

Style Exemplu

Se specifică stilul de utilizat pentru imprimare:

<style media="print">
h1 {color:#000000;}
p {color:#000000;}
body {background-color:#FFFFFF;}

</style>
Încearcă - l singur »

Suport pentru browser-

media Atributul are următorul suport de browser pentru fiecare element:

Element
a da da da da da
area da da da da da
link da da da da da
source Nu sunt acceptate Nu sunt acceptate Nu sunt acceptate Nu sunt acceptate Nu sunt acceptate
style da da da da da