prucommercialre.com


Cómo utilizar el elemento META en HTML5

Elementos HTML meta proporcionan información acerca de un documento HTML. Una página web puede tener muchos elementos del meta, o muy pocos (y, a veces ninguno). Cuando está presente, siempre deben aparecer en el encabezado del documento. Este artículo explica algunos de los usos del elemento meta.

formato y atributos meta

He aquí un elemento meta muestra:

<Meta name = "description" content = "Este es un documento sobre el elemento meta.">

Observe que el elemento meta es vacío, y no tiene etiqueta de cierre. En HTML5, no hay necesidad de cerrar meta. Esta es una manera en la que el meta tag HTML5 es más simple que la etiqueta meta XHTML.

Los cuatro atributos definidos para el meta son

  • nombre. Cuando está presente, el atributo de nombre da un nombre para la metadata.
  • http-equiv. Se utiliza para los valores de la unión a la cabecera HTTP de un documento cuando se sirve a partir de un servidor web.
  • contenido. Contiene el valor asociado con el http-equiv o atributo de nombre.
  • charset. Define el conjunto de caracteres utilizado en el documento.

nombres meta definidos por HTML5

La especificación HTML5 menciona varios valores posibles para el atributo de nombre. Estos son

  • nombre-aplicación. Especifica el nombre de la aplicación web que el documento representa. Por ejemplo, si ha creado una aplicación web llamada "Taco-matic", usted podría utilizar el atributo nombre-aplicación en las páginas dentro de esa aplicación como esta:

    <Meta name = "application-name" content = "Taco-matic">
  • autor. Da el nombre de uno de los autores del documento. Si el documento tiene varios autores, el documento puede tener varios elementos autor meta.
  • Descripción. Describe el contenido del documento. Usted puede poner lo que quiera en la descripción del elemento meta, pero sólo puede ser uno de esos elementos por documento.
  • generador. Si se crea el documento utilizando algún tipo de software de creación de páginas HTML (como Dreamweaver o Aptana Studio), se utilizó el generador identifica elemento meta que uno.
  • palabras clave. Contiene una lista separada por comas de términos relacionados con la página actual.

Además de estos valores de nombre, también es posible para cualquier persona que tiene la necesidad de proponer y registrar sus propios valores de nombre.

El elemento meta charset

Quizás el atributo elemento meta más común es charset. Introducido con HTML5, charset proporciona una forma rápida y fácil para especificar al navegador qué codificación de caracteres se utilizó al autor de una página. Usted siempre debe incluir una etiqueta meta charset en cada documento HTML5 que escribes. Esto es lo que parece:

<Charset meta = "UTF-8">

Las codificaciones de caracteres definen las asignaciones entre los personajes que aparecen en la pantalla y bits que se almacena en el equipo. Existen diferentes codificaciones de caracteres de diferentes alfabetos y lenguas (chino, japonés, ruso, e Inglés, por ejemplo) y otras codificaciones de caracteres son más universales.

La codificación de caracteres más común se conoce como UTF-8, que puede codificar más de 1 millón de caracteres diferentes.

Utilizando elementos meta-http equiv

Puede utilizar el elemento meta http-equiv para enviar información al servidor acerca de cómo se debe servir una página web. En las versiones de HTML que precedieron a HTML5, el uso más común para http-equiv fue para especificar la codificación de caracteres para un documento. Debido a que este ha sido reemplazado con el atributo charset, http-equiv se usa menos comúnmente (y se encontró) en HTML5.

Sin embargo, hay un par de cosas que usted puede hacer con http-equiv. El más común es el valor de actualización, lo que indica al navegador para recargar la página después de un número especificado de segundos.

<Meta http-equiv = "refresh" content = "30">

También puede utilizar http-equiv = "refresh" para redirigir un usuario a otra URL después de que haya transcurrido un número especificado de segundos. Por ejemplo, la siguiente etiqueta hace que el navegador espere 30 segundos después de que la página que contiene éste se carga y luego cargar http://www.example.com:

<Meta http-equiv = "refresh" content = "30; url = http: //www.example.com">

Para obtener más información sobre el elemento meta en HTML5, vaya a w3schools.com.