Es el elemento que indica las propiedades
o información del documento (metainformacion), a nivel de documento, son un modo perfecto para que los diseñadores web
faciliten a los motores de búsqueda información sobre sus sitios, dicho de otro
modo las metaetiquetas son lo que Google entiende. Está determinado por una
sola etiqueta <meta> sin etiqueta de cierre y para cada etiqueta
<meta> solo es posible indicar un tipo de información y su valor, pero es
posible insertar varias etiquetas <meta> en un mismo documento, de aquí que
existan tres maneras de utilizarla:
Con
el atributo charset: Representa
al conjunto de caracteres utilizado por el documento.
Con
el atributo name: El
elemento proporciona metadatos a nivel de documento organizados en pares
nombre-valor. El "nombre" en este par es provisto por el atributo
name, mientras que el "valor" es provisto por el atributo content en
cada caso.
<meta name="nombre-propiedad"
content="valor-propiedad">
Los tipos de información más utilizados son los siguientes:
<meta http-equiv="Refresh" content="20; URL=http://www.designlogicprogramming.com/">
Con
el atributo http-equiv: En
este caso se utiliza para indicarle al navegador alguna información o alguna
acción que debe realizar. Los valores que pueden tomar esos posibles
comportamientos son,
refresh: establece el número de segundos que el navegador debería esperar antes de
redireccionar automáticamente al usuario a otra página. Los valores pueden ser
establecidos de dos formas:
- Con un entero positivo, que
define el número de segundos a esperar antes de recargar la página.
- Con un entero positivo, que
define el número de segundos a esperar, seguido de la cadena "; URL=") y
el URL a donde el navegador debería redireccionar al usuario
luego del tiempo especificado.
Por ejemplo,
Vuelve a cargar la página en 20 segundos
pero cargando se
encontrara nueva dirección
content-type: Este comportamiento es una opción a la
declaración meta con el atributo charset. Especifica el conjunto de caracteres
utilizado por el documento pero en este caso, el valor es precedido por la cadena
"text/html; charset=".
<meta http-equiv="content-type"
content="text/html; charset=utf-8">
default-style: Este comportamiento define el nombre de
la hoja de estilos predeterminada. Esta directiva es útil cuando hay más de una
hoja de estilos en un solo documento.
<head>
<meta charset="UTF-8">
<meta name="description" content="Tutoriales de programacion web">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="Graciela Archila">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<head>
<meta charset="UTF-8">
<meta name="description" content="Tutoriales de programacion web">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="Graciela Archila">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
