<head>

El encabezado (head) de un documento HTML contiene información que no tiene una representación visual dentro del contenido de la página web, excepto por el título.

Metainformación

El encabezado puede contener información adicional sobre el documento (metainformación), que se puede declarar usando la etiqueta <meta>, esta etiqueta no tiene etiqueta de cierre, ya que no renderiza ningún tipo de contenido en el navegador. La información que se indica en la etiqueta meta puede ser usada por navegadores para renderizar mejor el contenido o para los robots de los buscadores, siendo esta una técnica para mejorar el posicionamiento en las búsquedas de navegadores.

Se puede definir diferente información en la etiqueta <meta>, como la siguiente:

  • charset: Permite definir el juego de caracteres:
<meta charset="UTF-8" >
  • keywords: Sirve para poner las palabras claves. Pocas (20) Esto ya poco se usa, porque el algoritmo de Google ha cambiado.
<meta name="keywords" content="palabra_clave, palabra_clave">
  • description: Permite describir la descripción del sitio web, se recomienda 170 cacteres en total.
<meta name="description" content="Descripción del sitio web. 170 caracteres aprox" >
  • author: Indica el nombre del autor del sitio web.
<meta name="author" content="Autor del Sitio Web.">

  • viewport: Importante para diseño web adaptable, ya que por esta etiqueta el diseño web responsive puede funcionar.

    witdh=device-width: Establecemos que el ancho de la página sea igual al del dispositivo user-scalable=no: Establecemos que el usuario no puede escalar el sitio web (no la puede hacer más grande o más pequeña, no pueda hacer zoom). initial-scale=1.0: Establecemos que la página tendrá un tamaño inicial de 1. maximum-scale=1.0: Establecemos que la página tendrá un tamaño máximo de 1. minimum-scale=1.0: Establecemos que la página tendrá un tamaño mínimo de 1.

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0 maximum-scale=1.0 minimum-sclae=1.0" >

Título

Es posible definir el titulo de la página web.

<title>Título de la página web</title>

Favicon

Permite definir un ícono visible al lado del título de la página web.

<link rel="shortcut icon" type="image/x-icon" href="imagenes/favicon.ico">

results matching ""

    No results matching ""