2012-09-23 22 views
25

Parece que recientemente he visto a mucha más gente empezar a usar media="all" frente a en sus hojas de estilo.Media = Todos frente a Media = Pantalla

Mi pregunta es cuándo debo usar media="all" sobre media="screen" y viceversa?

Nota: Estoy usando HTML5 Doctype si eso hace la diferencia.

Respuesta

24
media="all" // Used for all media type devices (its default under html 5) 
media="screen" // Used for computer screens(default value for html 4.01) 

buena lectura

7.3 Recognized media types
Is there no difference between No media and media=“all” in css link?

+4

El valor predeterminado solía ser 'screen' en las especificaciones HTML previas, y solo se cambió a' all' en HTML5. A pesar de esto, los navegadores siempre lo han tratado como 'todo'. http://stackoverflow.com/questions/6921573/is-there-no-difference-between-no-media-and-media-all-in-css-link/6921600#6921600 – BoltClock

+0

@BoltClock y OP utiliza HTML5 –

+0

@Daniil: Precisamente. – BoltClock

1

Según W3C Spec:

7.3 tipos de medios reconocidos

Los nombres elegidos para los tipos de medios CSS reflejan dispositivos de destino para los cuales las propiedades relevantes tienen sentido. En la siguiente lista de tipos de medios CSS , los nombres de los tipos de medios son normativos, pero las descripciones son informativas. Del mismo modo, el campo "Medios" en la descripción de cada propiedad es informativo.

todo

Adecuado para todos los dispositivos.

braille

Destinado a dispositivos de retroalimentación táctiles Braille.

relieve

para impresoras braille paginados.

de mano

previsto para dispositivos de mano (pantalla típicamente pequeña, limitada ancho de banda).

de impresión

destinados a contener materiales paginado y de los documentos visualizados en la pantalla en modo de vista previa de impresión . Consulte la sección de medios paginados para obtener información acerca del formato que son específicos de los medios paginados.

proyección

Destinado a presentaciones proyectadas, por ejemplo, proyectores. Por favor, consulte la sección de medios pagiados para obtener información sobre cómo formatear problemas que son específicos de los medios buscados.

pantalla

destinado principalmente a las pantallas de ordenador de color.

discurso

Destinado a los sintetizadores de voz. Nota: CSS2 tenía un tipo de medio similar llamado 'aural' para este propósito. Consulte el apéndice sobre las hojas de estilo aural para más detalles.

TTY

Destinado a medios de comunicación utilizando una cuadrícula de caracteres de paso fijo (como teletipos, terminales o dispositivos portátiles con pantalla limitado capacidades). Los autores no deben usar unidades de píxeles con el tipo de medios "tty" .

tv

Destinado a dispositivos de tipo televisión (baja resolución, color, pantallas limitada capacidad de desplazamiento, sonido disponible).