Exemplo
Um link com uma media atributo:
<a href="att_a_media.asp?output=print"
media="print and (resolution:300dpi)">
Open media attribute page for print.</a>
Tente você mesmo " Definição e Uso
A media atributo especifica o que a mídia / dispositivo o documento vinculado é otimizado para.
Este atributo é usado para especificar que o URL de destino é projetado para dispositivos especiais (como o iPhone), fala ou mídia impressa.
Este atributo pode aceitar vários valores.
Somente usado se o href atributo está presente.
Nota: Este atributo é meramente consultivo.
Suporte a navegadores
| Elemento | ||||||
|---|---|---|---|---|---|---|
| media | sim | sim | sim | sim | sim | sim |
Diferenças entre HTML 4.01 e HTML5
A media atributo é novo em HTML5.
Sintaxe
<a media="value">
Operadores possíveis
| Valor | Descrição |
|---|---|
| and | Especifica um AND operador |
| not | Especifica um NOT operador |
| , | Especifica uma OR operador |
Devices
| Valor | Descrição |
|---|---|
| all | Padrão. Apropriado para todos os dispositivos |
| aural | sintetizadores de voz |
| braille | dispositivos de realimentação Braille |
| handheld | dispositivos portáteis (tela pequena, largura de banda limitada) |
| projection | projetores |
| / páginas impressas modo de visualização de impressão | |
| screen | telas de computador |
| tty | Teletypes e meios de comunicação similares usando uma grade de caracteres de passo fixo |
| tv | dispositivos do tipo televisão (baixa resolução, capacidade de deslocamento limitado) |
valores
| Valor | Descrição |
|---|---|
| width | Especifica a largura da área de exibição de alvo. "min-" e "max-" prefixos pode ser usado. Exemplo: media="screen and (min-width:500px)" |
| height | Especifica a altura da área de exposição alvo. "min-" e "max-" prefixos pode ser usado. Exemplo: media="screen and (max-height:700px)" |
| device-width | Especifica a largura do alvo de exibição / papel. "min-" e "max-" prefixos pode ser usado. Exemplo: media="screen and (device-width:500px)" |
| device-height | Especifica a altura do alvo display / papel. "min-" e "max-" prefixos pode ser usado. Exemplo: media="screen and (device-height:500px)" |
| orientation | Especifica a orientação do alvo visor / papel. Valores possíveis: "portrait" ou "landscape" Exemplo: media="all and (orientation: landscape)" |
| aspect-ratio | Especifica a relação largura / altura da área de exibição de alvo. "min-" e "max-" prefixos pode ser usado. Exemplo: media="screen and (aspect-ratio:16/9)" |
| device-aspect-ratio | Especifica a taxa de device-width / dispositivo de altura do alvo display / papel. "min-" e "max-" prefixos pode ser usado. Exemplo: media="screen and (aspect-ratio:16/9)" |
| color | Especifica os bits por cor de exibição de destino. "min-" e "max-" prefixos pode ser usado. Exemplo: media = "screen e (cor: 3)" |
| color-index | Especifica o número de cores a exibição de destino pode manipular. "min-" e "max-" prefixos pode ser usado. Exemplo: media="screen and (min-color-index:256)" |
| monochrome | Especifica os bits por pixel em um frame buffer monocromática. "min-" e "max-" prefixos pode ser usado. Exemplo: media="screen and (monochrome:2)" |
| resolution | Especifica a densidade de pixels (dpi ou dpcm) do alvo display / papel. "min-" e "max-" prefixos pode ser usado. Exemplo: media="print and (resolution:300dpi)" |
| scan | Especifica o método de verificação de uma tela de TV. Os valores possíveis são "progressive" e "interlace" . Exemplo: media = "tv e (digitalização: interlace)" |
| grid | Especifica se o dispositivo de saída é grade ou bitmap. Os valores possíveis são "1" para grid, e "0" caso contrário. Exemplo: media="handheld and (grid:1)" |