Ejemplos de la Etiqueta "meta"

1. Codificación de caracteres 2. Descripción de la página 3. Palabras clave 4. Autor 5. Robots 6. Viewport 7. Favicon 8. Tema del navegador 9. Versión de la aplicación web 10. Orientación de la pantalla

Codificación de caracteres:

meta charset="utf-8"

Define la codificación de caracteres del documento HTML, en este caso UTF-8. Esto permite que los navegadores interpreten correctamente los caracteres especiales del idioma español, como las tildes y ñ.

Descripción de la página:

meta name="description" content="Esta es una página web sobre el lenguaje de etiquetas HTML."

Proporciona una breve descripción del contenido de la página para los motores de búsqueda. Esta descripción aparece en los resultados de búsqueda y ayuda a los usuarios a identificar el contenido de la página.

Palabras clave:

meta name="keywords" content="HTML, etiquetas, lenguaje web, desarrollo web"

Indica palabras clave relevantes para el contenido de la página. Los motores de búsqueda utilizan estas palabras clave para indexar la página y mostrarla en los resultados de búsqueda para las consultas relacionadas.

Autor:

meta name="author" content="Bard"

Especifica el autor del documento HTML. Esta información puede ser útil para los usuarios que desean saber quién creó la página web o contactarse con el autor.

Robots:

meta name="robots" content="index,follow"

Instruye a los robots de búsqueda sobre cómo indexar y seguir los enlaces de la página. En este caso, se indica que la página debe ser indexada y que los robots deben seguir los enlaces que contiene.

Viewport:

meta name="viewport" content="width=device-width, initial-scale=1.0"

Optimiza la visualización de la página para diferentes dispositivos móviles. Esto permite que la página se ajuste automáticamente al ancho de la pantalla del dispositivo y se vea correctamente en cualquier dispositivo.

Favicon:

link rel="icon" href="favicon.ico"

Especifica el icono que se mostrará en la pestaña del navegador y en la barra de favoritos. El favicon es un pequeño icono que ayuda a los usuarios a identificar la página web en el navegador.

Tema del navegador:

meta name="theme-color" content="#000000"

Define el color del tema para la barra de estado del navegador en dispositivos móviles. Esto permite que la página web tenga una apariencia más personalizada y atractiva en dispositivos móviles.

Versión de la aplicación web:

meta name="apple-mobile-web-app-capable" content="yes" meta name="apple-mobile-web-app-status-bar-style" content="black"

Permite instalar la página web como una aplicación en dispositivos iOS. Esto permite que los usuarios puedan acceder a la página web como si fuera una aplicación nativa del dispositivo.

Orientación de la pantalla:

meta name="orientation" content="portrait"

Define la orientación predeterminada de la pantalla para la página web. En este caso, se indica que la página web se debe mostrar en orientación vertical.