Ir al contenido principal

Los demás tipos de enlaces

Junto a [A], que define un cambio de documento no activado hasta que el usuario decide pincharle, existen otros tipos de enlaces.
Estos enlaces tienen la particularidad de cargar automáticamente el tipo de recurso enlazado.

Este elemento solamente se puede incluir en la cabecera del documento.
Para:

  • Enlazar el documento a una hoja de estilo,
  • Indicar al navegador dónde encontrar el icono de favoritos llamado favicon y que sirve a imprimir en pantalla el logo o icono de la página web.
  • Indicar la existencia de una versión imprimible del documento.
  • Indicar al navegador dónde puede descargar un contenido específico como la fuente o una Interfaz de Programación de Aplicaciones (API) necesaria para el buen funcionamiento de la página web.
  • Indicar a los robots que indexan la página web dónde encontrar el mismo documento traducido en un idioma distinto y de este modo configurar las versiones del documento. En tal caso, necesitamos tantos links como idiomas en la página web para que los robots puedan recorrer la página en todos los sentidos.
  • Indicar a los robots que indexan la página cuál es la versión principal de un documento. Esto sirve para no indexar contenidos repetidos. Útil cuando se puede acceder a un mismo contenido vía distintos enlaces y cuando estamos llevando a cabo un trabajo de posicionamiento de la página web.

Para enlazar la hoja de estilo
<link rel="stylesheet" media="all" type="text/css"href="defecto.css"/>

Para enlazar el favicon, el icono principal de la web
<link rel="icon" type="image/png" href="favicon.ico" />

Para enlazar una versión imprimible del documento
<link media="print" title="El mismo tutorial en PDF" type="application/pdf" rel="alternate" href="tutorial/documento.pdf" />

Para enlazar la fuente desde la colección de Google
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">

Para configurar las versiones del documento
<link rel="alternate" hreflang="fr" href="fr/index.php" title="français"/>
<link rel="alternate" hreflang="es" href="es/index.php" title="castellano"/> 

Para indicar a los robots cúal es la versión principal del documento
<link rel="canonical" href="https://www.ludoviclaisnez.com/index.php?p=docencia&curso=otros-tipos-enlaces" />

El elemento Script tiene dos modos de funcionamiento:

Modo 1:
Insertar directamente el script entre las etiquetas <script></script>

Modo 2:
Cargar un fichero externo indicando su ruta y dejando la parte interna del elemento vacía <script src="jquery.js"></script>

El elemento [script]

Si lo escribimos según el modo 1, el elemento [SCRIPT] es un contenedor que lista comandos de JavaScript.
Si lo hacemos según el modo 2, el elemento [SCRIPT] es un enlace que apunta hacia un fichero JavaScript.

Básicamente, el lenguaje Javascript es un lenguaje de programación interpretado y orientado a objetos de HTML y de la web. Es accesible y manejable. Se utiliza para los efectos especiales y las animaciones. Ulteriormente veremos con más detalle la utilidad de estas etiquetas.

Newsletter

Si mandas tu email desde este formulario, te responderé con una oferta de 5% aplicable a tu próximo presupuesto. Más adelante, te enviaré ofertas y noticias acerca de mi actividad.
No spam. Tus datos están protegidos y no compartidos.

imagen Captcha correspondiente a klickado

Por favor, escribir el nombre visible en esta imagen sin tilde, mayúscula, símbolo...

Parte inferior de la sección rellenada por fotos de gente