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

Logo de Cuarzo.dev
Cuarzo.dev

Recibe cada lunes y jueves un correo para ayudarte a impulsar tus habilidades de programación. Ofreciéndote consejos, tutoriales, recursos gratuitos, noticias relevantes y una comunidad comprometida. También tenemos memes 😏

Suscríbete Gratis

Si tienes alguna duda con el curso o te quedas en algún punto donde no sepas avanzar te puedes unir gratis a nuestra comunidad de discord y preguntar tus dudas, que la comunidad estará encantada de ayudarte.

Únete al discord

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.

Al suscribirte estás aceptando los términos de uso y la política de privacidad. Puedes darte de baja en cualquier momento.

Libro No todo es programar de Kiko Palomares
Koding Beats