<link rel=”stylesheet” type=”text/css” href=”estilos.css” title=”default”>

Para conseguir la adecuada carga de la hoja de estilos, debemos posicionar este elemento en el HEAD de la página.

Atributos del tag LINK:

  • REL. Define el tipo del documento o “con qué tiene relación”. En general, su valor será “stylesheet”.
  • TYPE. Será siempre “text/css”.
  • HREF. Es el valor de la URL que nos permite el acceso al fichero de estilos.
  • TITLE. Actualmente casi no se utiliza, pero será muy importante en el futuro. Su importancia radica en que puede haber en el mismo documento más de un tag LINK. En el caso de que haya más de un tag LINK, sólo aquellos cuyo valor de REL sea “stylesheet” se aplicarán inicialmente al documento:

<link rel=”stylesheet” type=”text/css” href=”basic.css”> <link rel=”stylesheet” type=”text/css” href=”splash.css”>

El navegador cargará ambas hojas de estilo, combinando las reglas que definen y aplicando el resultado al documento.

Hojas de estilo alternativas

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">
Teoria del Color en la Web, significado de los colores ignificado de los colores Web Contenido: Introducción El significado de los colores Blanco Amarillo Naranja Rojo Púrpu...
Sony trabaja en un nuevo concepto de televisión El fabricante de productos electrónicos Sony es consciente de que necesita una nueva estrategia para recuperar terreno en el negocio de los televisore...
Watson, de superordenador respondón a médico de cabecera Watson, el superordenador creado por el gigante informático IBM que se sabía todas las preguntas del popular juego Jeopardy, ya tiene un nuevo trabajo...
Nueva RC para PHP 5.4 Con algo de retraso sobre las previsiones originales PHP 5.4 sigue dando pasos hacía el lanzamiento de la versión final. En este sentido el equipo ...
mysqli fetch lengths (PHP 5) mysqli_fetch_lengths, result->lengths — Regresa la longitud de las columnas de la fila actual en el resultado Descripción Estilo ...
Alphabet marca otro récord a medida que búsquedas en celulares crecen Alphabet, la nueva empresa matriz de Google, ha tenido un impresionante comienzo. Alphabet registró ganancias increíblemente buenas y sus ventas re...
Herencia La herencia entre objetos es un concepto que nos permite definir un nuevo objeto a partir de las cualidades físico-actitudinales (propiedades y método...
¿Qué tienen en común las redes sociales y las hormigas? mira como lo explica un algoritmo… A primera vista, quizás se nos ocurriría decir que las redes sociales reúnen a muchas personas que se relacionan entre sí y que esto hace que se parez...
mysqli fetch assoc (PHP 5) mysqli_fetch_assoc, mysqli->fetch_assoc — Obtiene una fila del resultado como una matriz asociativa Descripción Estilo por proced...
Configurar el archivo Robots.txt Explicamos el porqué del archivo robots.txt y como se construye dicho archivo. Para comenzar tenemos que comentar lo que son los robots y qué f...
El Tag LINK
Tagged on: