Skip to content

0000200 HEAD

Jump to bottom
Camino-S edited this page Nov 8, 2022 · 1 revision

HEAD En la cabecera de la página web además de los metadatos ya explicados se ponen:

  • Agregar iconos personalizados a tu sitio:

    Para añadir un favicon a tu página:

    • Guárdalo en el mismo directorio que la página index de tu sitio, en formato .ico (la mayoría de los buscadores admiten favicon en los formatos más comunes como .gif o .png, pero usar el formato ICO garantiza que funcionará hasta en Internet Explorer 6.)

    • Añade la siguiente línea de referencia en el <head> de tu HTML: <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

  • Aplicar CSS y JavaScript a HTML

    Prácticamente todos los sitios web usan CSS para darles un buen aspecto y JavaScript para añadir funcionalidades interactivas. Hay varias maneras de hacerlo:

    • CSS en el mismo documento: Mediante la etiqueta <style>

      <style> el código CSS va aquí </style>

    • CSS usando un enlace a un documento externo: Mediante el uso del elemento <link>

      El elemento <link> siempre debe ir dentro del <head> de tu documento. Este toma dos atributos, rel="stylesheet", que indica que es la hoja de estilo del documento, y href, que contiene la ruta al archivo de la hoja de estilo:

      <link rel="stylesheet" href="my-css-file.css" />

    • Javascript usando un enlace a un documento externo: mediante el uso el elemento <script>

      El elemento <script> también debería ir en el head, y debería incluir un atributo src con la ruta al JavaScript que quieres cargar, y defer. El atributo defer indica al navegador que no espere por el script. En lugar de ello, debe seguir procesando el HTML, construir el DOM. El script carga “en segundo plano” y se ejecuta cuando el DOM esta completo. Esto es útil porque hace que todo el HTML se cargue antes de ejecutar el JavaScript, para que no haya errores porque el JavaScript ha intentado acceder a un elemento HTML que todavía no existe. Antes de existir defer la solución era poner el enlace de javascript al final del body.

      <script src="script.js" defer></script>

Clone this wiki locally