Scribd
Cargar
44 vistas4 páginas

Semana 5 HTML

La etiqueta HTML <meta> se utiliza para definir metadatos sobre un documento, incluyendo el conjunto de caracteres, descripción, palabras clave y autor, y siempre se coloca dentro del elemento <head>. Los metadatos son importantes para navegadores y motores de búsqueda, aunque no se muestran directamente en la página. Además, la etiqueta <meta> permite configurar la ventana gráfica para asegurar que el contenido se visualice correctamente en diferentes dispositivos.

Cargado por

Lan zhan
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
44 vistas4 páginas

Semana 5 HTML

La etiqueta HTML <meta> se utiliza para definir metadatos sobre un documento, incluyendo el conjunto de caracteres, descripción, palabras clave y autor, y siempre se coloca dentro del elemento <head>. Los metadatos son importantes para navegadores y motores de búsqueda, aunque no se muestran directamente en la página. Además, la etiqueta <meta> permite configurar la ventana gráfica para asegurar que el contenido se visualice correctamente en diferentes dispositivos.

Cargado por

Lan zhan
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

Etiqueta HTML <meta>

Ejemplo

Describe los metadatos dentro de un documento HTML:

<head>
<meta charset="UTF-8">
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML, CSS, JavaScript">
<meta name="author" content="John Doe">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
</head>

Definición y uso

La <meta>etiqueta define metadatos sobre un documento HTML. Los


metadatos son datos (información) sobre datos.

<meta>Las etiquetas siempre van dentro del elemento <head> y


normalmente se utilizan para especificar el conjunto de caracteres, la
descripción de la página, las palabras clave, el autor del documento y la
configuración de la ventana gráfica.

Los metadatos no se mostrarán en la página, pero la máquina podrá


analizarlos.

Los metadatos son utilizados por los navegadores (cómo mostrar


contenido o recargar la página), los motores de búsqueda (palabras
clave) y otros servicios web.

Hay un método que permite a los diseñadores web tomar control de la


ventana gráfica (el área visible del usuario en una página web) a través
de la <meta>etiqueta (ver el ejemplo "Configurar la ventana gráfica" a
continuación).
Atributos

Attribute Value Description

charset character_set Specifies the character encoding for the


HTML document

content text Specifies the value associated with the


http-equiv or name attribute

http- content-security- Provides an HTTP header for the


equiv policy information/value of the content attribute
content-type
default-style
refresh

name application-name Specifies a name for the metadata


author
description
generator
keywords
viewport

Atributos globales

La <meta>etiqueta también admite los atributos globales en HTML .


Más ejemplos

Definir palabras claves para motores de búsqueda:

<meta name="keywords" content="HTML, CSS, JavaScript">

Define una descripción de tu página web:

<meta name="description" content="Free Web tutorials for HTML and


CSS">

Definir el autor de una página:

<meta name="author" content="John Doe">

Actualizar el documento cada 30 segundos:

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

Cómo configurar la ventana gráfica para que su sitio web se vea


bien en todos los dispositivos:

<meta name="viewport" content="width=device-width, initial-


scale=1.0">

Configuración de la ventana gráfica

La ventana gráfica es el área visible para el usuario en una página web.


Varía según el dispositivo: será más pequeño en un teléfono móvil que
en la pantalla de un ordenador.

Debes incluir el siguiente <meta>elemento en todas tus páginas web:

<meta name="viewport" content="width=device-width, initial-


scale=1.0">

Esto proporciona al navegador instrucciones sobre cómo controlar las


dimensiones y la escala de la página.

La width=device-widthparte establece el ancho de la página para seguir


el ancho de pantalla del dispositivo (que variará según el dispositivo).
Esta initial-scale=1.0parte establece el nivel de zoom inicial cuando el
navegador carga la página por primera vez.

A continuación se muestra un ejemplo de una página web sin la etiqueta


meta viewport y la misma página web con la etiqueta meta viewport:

También podría gustarte