4. Hojas de estilos alternativas
Capítulo anterior: 3 - El tag LINK
Capítulo siguiente: 5 - La directiva @import
Es de especial utilidad hacer uso del tag TITLE, cuando definimos hojas de estilo alternativas. En el siguiente ejemplo se definen tres hojas de estilo dentro del mismo documento de forma que:
La primera definición se aplicará siempre.
El navegador nos permitirá seleccionar alguna de las dos siguientes como fuente alternativa de estilos. Además, cuando nos presente el menú para seleccionar la hoja de estilos alternativa, utilizará el atributo TITLE para su identificación.
<link rel="stylesheet" type="text/css" href="fija.css" title="default">
<link rel="alternate stylesheet" type="text/css" href="alternativa1.css" title="Vista de impresión">
<link rel="alternate stylesheet" type="text/css" href="alternativa2.css" title="Vista decorada">
El tag STYLE.- El tag STYLE es un elemento relativamente reciente en la especificación HTML. Permite dos tipos de tratamiento:
1.Definir estilos que se aplicarán al tag en que se ubique, sin necesidad de definirlos en el HEAD del documento.
2.Definir una hoja de estilo completa en el HEAD sin que esta se almacene en un fichero externo. Siempre debe hacer uso del atributo TYPE. Contiene estilos que se aplicarán al documento, pero también puede contener múltiples enlaces a hojas de estilo externas definidas con la directiva @import.
