HTML <Head>:
El elemento HTML <Head>
El elemento <head> es un contenedor para todos los elementos de la cabecera del documento.
Los elementos dentro <head> pueden incluir secuencias de comandos, indica al navegador dónde encontrar las hojas de estilo, proporcionar información de la meta, y más.
Las siguientes etiquetas se pueden añadir a la sección de la cabecera: <title>, <style>, <meta>, <link>, <script>, <noscript> y <base>.
Elemento HTML <title>
La etiqueta <title> define el título del documento.
Se requiere el elemento <title> en todos los documentos HTML / XHTML.
El elemento <title>:
- -Define un título en la barra de herramientas del navegador.
- -Proporciona un título para la página cuando se añade a favoritos.
- -Muestra el título de la página en los resultados del motor de búsqueda.
Un ejemplo de documento HTML simplificado:
<!DOCTYPE html>
<html>
<head>
<title>Título del documento</title>
</head>
<body>
Contenido del cuerpo del documento....
</body>
</html>
Elemento HTML <base>
La etiqueta <base> especifica la base URL / target para todas las URLs relativas en una página:
<head>
<base href="http://www.elwebero.es" target="_blank">
</head>
Elemento HTML <link>
La etiqueta <link> define la relación entre un documento y un recurso externo.
La etiqueta <link> más se utiliza para vincular a las hojas de estilo:
<head>
<link rel="stylesheet" type="text/css" href="mihojadestilo.css">
</head>
Elemento HTML <style>
La etiqueta <style> se utiliza para definir la información de estilo para un documento HTML.
Dentro del elemento <style> se especifica cómo los elementos HTML deben presentar en un explorador:
<head>
<style type="text/css">
body {background-color:yellow;}
p {color:blue;}
</style>
</head>
Elemento HTML <meta>
Los metadatos son datos (información) sobre los datos.
La etiqueta <meta> proporciona metadatos sobre el documento HTML. Los metadatos no se mostrará en la página, pero será legible por la máquina.
Meta elementos se utilizan normalmente para especificar la página de descripción, palabras clave, autor del documento, modificada por última vez, y otros metadatos.
Los metadatos pueden ser utilizados por los navegadores (como mostrar contenido o recarga de la página), los motores de búsqueda (palabras clave), u otros servicios web.
Las etiquetas <meta> siempre van en el interior del elemento <head>.
- Ejemplos:
- Definir palabras clave para los motores de búsqueda:
- <meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
- Definir una descripción de su página web:
- <meta name="description" content="Tutoriales gratis de HTML y CSS">
- Definir el autor de una página:
- <meta name="author" content="Elwebero">
- Actualizar el documento cada 30 segundos:
- <meta http-equiv="refresh" content="30">
Elemento HTML <script>
La etiqueta <script> se utiliza para definir un script del lado del cliente, tales como JavaScript.
El elemento <script> será explicado en un capítulo posterior.