La cabecera de un archivo HTML
El elemento HTML <head>
El elemento <head> es un contenedor para los metadatos (la información acerca de la información) y se coloca entre la etiqueta <html> y la etiqueta <body>.
Los metadatos HTML son información acerca del documento HTML. Los metadatos no se muestran.
Típicamente los metadatos abarcan el titulo del documento, el juego de caracteres, los estilos, los enlaces, los guiones, y aun “información extra”.
Las siguientes etiquetas describen el tipo de metadatos dentro del elemento <head>:
<title>, <style>, <meta>, <link>, <script>, <base>.
El element HTML <title>
El elemento <title> define el titulo del documento, y se require en todos los documentos HTML y XHTML.
El elemento <title> provee dicho título a:
- La pestaña del navegador web.
- La nueva entrada o nuevo marcador agregado a la sección “favoritos” del navegador. Como valor por defecto para el nombre de esta.
- El resultado correspondiente a nuestra página web en la lista presentada por un motor de búsqueda luego de consultarlo.
A continuación, un documento HTML sencillo:
<!DOCTYPE html> <html> <head> <title>Titulo de Pagina</title> </head> <body> El contenido del documento...... </body> </html>
El elemento HTML <style>
El elemento <style> define información de estilo que será usada para solo una página HTML (quien la contiene):
<style>
body {background-color: powderblue;}
h1 {color: red;}
p {color: blue;}
</style>
El elemento HTML <link>
El elemento <link> se usa para enlazar a nuestra página web, hojas de estilo externas:
<link rel="stylesheet" href="miestilo.css">
Aprenderás todo sobre CSS en una futura guía dedicada a este otro lenguaje.
El elemento HTML <meta>
El elemento <meta> se usa para especificar que juego de caracteres se está usando en el texto, también para especificar la descripción de página, las palabras claves, el autor, y otros metadatos.
Algunos ejemplos de uso de la etiqueta <meta>:
<head> <meta charset="UTF-8"> <meta name="description" content="guias gratuitas por la fascinante web"> <meta name="keywords" content="HTML,CSS,XML,JavaScript"> <meta name="author" content="Jose Picapiedra"> </head>
Expliquemos el ejemplo:
Definir el juego de caracteres empleado:
<meta charset="UTF-8">
Definir una descripción acerca de tu página web:
<meta name="description" content="guias gratuitas por la fascinante web">
Definir palabras claves para los motores de búsqueda:
<meta name="keywords" content="HTML, CSS, XML, JavaScript">
Definir al autor de una página web:
<meta name="author" content="Mario Moreno">
Refrescar el documento cada 30 segundos:
<meta http-equiv="refresh" content="30">
El atributo “http-equiv” de la etiqueta <meta>, permite simular uno de los campos de la cabecera de un mensaje de petición o respuesta del protocolo HTTP. Con la abreviación “equiv” para “equivalente”, el valor “refresh” como el campo de cabecera HTTP que se está simulando, y el valor “30” del atributo “content” vendría a ser en verdad el valor para el campo de cabecera, ya que “http-equiv” y “content” están relacionados al igual que “name” y “content” en los anteriores.
Los metadatos son usados por los navegadores (para tener certeza de cómo presentar el contenido), por los motores de búsqueda (para conocer el contenido rápidamente mediante las palabras claves), y por otros servicios web.
El elemento HTML <script>
El elemento <script> se usa para definir guiones JavaScript.
El guion JavaScript de abajo escribe “Hola JavaScript!” dentro de un elemento HTML con identificador “prueba”:
<script>
function unaFuncion {
document.getElementById("prueba").innerHTML = "Hoja JavaScript!";
}
</script>
El elemento HTML <base>
El elemento <base> especifica la URL base para las URLs relativas de una página, o la URL por defecto para un enlace sin valor para su atributo href (<a href=“”>Un enlace</a>). Y especifica también el receptor (target) por defecto para todas las URLs de la misma página:
<base href="https://www.micasa5estrellas.com/imagenes/" target="_blank">
No hay comentarios.:
Publicar un comentario