El elemento <head> es como un contenedor de metadatos, es decir, datos sobre datos, y también se encuentra entre la etiqueta <html> y la etiqueta <body>. Los metadatos son los datos sobre el documento HTML y no se muestran en la página web. Define el título del documento, el estilo, el guión y otra metainformación.
El elemento HTML <head> es un contenedor para los siguientes elementos:
- Elemento <title> : El elemento <title> define el título de la página web. El título debe estar en texto y podremos ver el título en las pestañas de la página del navegador.
Por qué se usa:
El motor de búsqueda utiliza el título de la página para decidir el orden al enumerar las páginas en el resultado de la búsqueda. Por lo tanto, usar un título significativo y preciso lo ayuda a clasificar mejor según el SEO.
<!DOCTYPE html><htmllang="en"><head><title>HTML Head Tag </title></head><body><p>GeeksforGeeks is a portal for geeks.</p><hr></body></html>Producción:
- Elemento <link> : la etiqueta <link> se usa con mayor frecuencia para vincular un archivo CSS externo. Define la relación entre el documento actual y los recursos externos.
<!DOCTYPE html><html><head><linkrel="stylesheet"type="text/css"href="mystyle.css"></head><body><h1>GeeksforGeeks</h1><p>It is a portal for geeks.</p></body></html>Producción:
- Elemento <meta> : El elemento <meta> se utiliza para especificar el conjunto de caracteres, la descripción de la página, las palabras clave, el autor del documento y la configuración de la ventana gráfica.
Los metadatos no se mostrarán, pero los navegadores los utilizan para mostrar contenido o recargar la página, el motor de búsqueda y otros servicios web.<!DOCTYPE html><html><head><title>meta tag examples</title><metaname="keywords"content="Meta Tags, Metadata"/></head><body><p>Hello GeeksforGeeks!</p></body></html>Producción:
Hello GeeksforGeeks!
- elemento <base> :
El elemento <base> se utiliza para especificar la URL base o el destino de las URL relativas.
Solo puede haber un elemento <base> en un documento.
<!DOCTYPE html><html><head><!-- Declaring the BASE URL --><basehref=target="_blank"></head><body><imgsrc="1-95.jpg"width="400"height="250"></body></html>Producción:
- Elemento <style> : El elemento <style> se utiliza para hacer CSS interno dentro de nuestra página web HTML. Podemos modificar el texto y la vista de nuestra página web utilizando varias propiedades y sus valores. Algunas de las propiedades incluyen color de fondo, alineación de texto, etc.
<!DOCTYPE html><html><head><style>body {background: skyblue;}h1 {color: red;}p {color: blue;}</style></head><body><h1>GeeksforGeeks</h1><p>It is a portal for geeks.</p></body></html>Producción:
- Elemento <script> : El elemento <script> se utiliza para definir dentro de la página web HTML.
Por ejemplo, el siguiente código JavaScript escribe “GeeksforGeeks” en un elemento HTML con id=”demo”.
<!DOCTYPE html><html><head><title>script tag</title><style>body {text-align:center;}h1 {color:green;}</style></head><body><h1>GeeksforGeeks</h1><h2><script> Tag</h2><pid="Geeks"></p><script>document.getElementById("Geeks").innerHTML ="Hello GeeksforGeeks!";</script></body></html>Producción:
<título>, <enlace>, <meta>, <base>, <estilo>, <guión>, … etc.
Publicación traducida automáticamente
Artículo escrito por koushikd1590 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA