TODO sobre el Elemento HEAD en HTML (metadatos, charset, title, link, etc!!)

El elemento <head>

  • El elemento <head> es un contenedor de metadatos y se coloca entre la etiqueta <html> y la etiqueta <body>.
  • Los metadatos HTML son datos sobre el documento HTML. Los metadatos no son visibles.
  • Los metadatos generalmente definen el título del documento, el juego de caracteres, los estilos, los scripts y otra metainformación.
  • Las siguientes etiquetas describen metadatos: <title>, <style>, <meta>, <link>, <script> y <base>.

El elemento <title>

El elemento <title> define el título del documento y es requerido en todos los documentos HTML.

  • define el título que se verá en la pestaña del navegador.
  • define el título de la página cuando la añades a los marcadores del navegador.
  • es el nombre que sale cuando buscas una web en un buscador como Google.

El elemento <style>

El elemento <style> se usa para definir la información de estilo de la página (CSS).

El elemento <link>

El elemento <link> se usa para vincular hojas de estilo externas (CSS).

El elemento <meta>

El elemento <meta> se usa para especificar qué conjunto de caracteres se usa, descripción de la página, palabras clave, autor y otros metadatos. 

Estos datos lo usan los navegadores, los motores de búsqueda y otros servicios web.

Configuración de la ventana

HTML5 introdujo un método para permitir que los diseñadores web tomen el control de la ventana gráfica, a través de la etiqueta <meta>.

La ventana gráfica es el área visible del usuario de una página web. Varía según el dispositivo y será más pequeño en un teléfono móvil que en la pantalla de una computadora.

El elemento <script>

El elemento <script> se usa para introducir código de JavaScript en el lado del cliente.

El elemento <base>

El elemento <base> define la URL base que se va a usar para todas las URLs relativas que haya en la página.

Omitir el <html>, <head> y <body>

Desde la versión de HTML5 es posible omitir las etiquetas de <html>, <head> y <body>.

Pero no te lo recomiendo, en algunos navegadores es posible que falle, así que es mejor ponerlo.

¿Quieres más?

Si estás interesado en el mundo de la programación y el desarrollo web, te recomiendo que te suscribas a mi canal de youtube donde tienes mucho más contenido gratuito

IR AL CANAL

¿Quieres convertirte en desarrollador web? [GRATIS]

Déjame aquí tu mejor email y te mandaré un curso para que puedas empezar en el desarrollo web totalmente GRATIS!

¡Prometo no enviarte SPAM! Sólo cosas relevantes que te interesen.