head

HEAD es una guía sencilla, mantenida por la comunidad, sobre los elementos que pertenecen a la sección head de un documento HTML. Está escrita como referencia más que como biblioteca, y recopila fragmentos prácticos y notas sobre cómo los navegadores, motores de búsqueda, rastreadores y plataformas sociales interpretan los metadatos del head. La guía comienza con un mínimo recomendado: una metaetiqueta charset configurada en utf-8, una metaetiqueta viewport con width=device-width e initial-scale=1, y un elemento title. Explica que las etiquetas charset y viewport deben aparecer lo antes posible en el head para que el documento se renderice de forma consistente, y que todos los demás elementos del head deben ir después. Una sección sobre elementos enumera los hijos válidos del head: meta, link, title, style, script, noscript y base, con ejemplos breves de cada uno. A continuación, una sección de orden recomendado presenta una secuencia práctica: primero charset, luego viewport, title, otras metaetiquetas, metaetiquetas sociales, canonical y otras etiquetas link, sugerencias de recursos como preconnect y dns-prefetch, hojas de estilo, favicons y, por último, scripts, preferiblemente con defer o async para evitar bloquear el renderizado. La sección meta es la parte más extensa de la referencia. Documenta la codificación de caracteres, viewport, Content-Security-Policy, application-name, theme-color, color-scheme, description, directivas robots para rastreadores generales y específicos de Google, etiquetas de verificación de sitio para varias consolas de búsqueda, generator, subject, rating, política de referrer, format-detection, etiquetas geográficas (ICBM, geo.position, geo.region, geo.placename) y Web Monetization. Las notas aclaran que las etiquetas geo están dirigidas a motores de búsqueda y servicios de localización, no directamente a los navegadores. La sección link cubre hojas de estilo, URLs canónicas, manifiestos de aplicaciones web, enlaces de autor y licencia, enlaces alternate y hreflang, enlaces de identidad rel=me, relaciones self, prev y next, webmention, micropub, endpoints de IndieAuth, Open Search, feeds RSS y Atom, y sugerencias de recursos como dns-prefetch, preconnect, prefetch y preload. Señala que un manifiesto de aplicación web es la forma recomendada y multiplataforma de declarar propiedades de aplicaciones instalables. La sección de scripts explica la diferencia entre una etiqueta script simple, async, defer y el patrón combinado async defer, y menciona Subresource Integrity para verificar los recursos obtenidos. La sección de iconos muestra el uso de favicon y Apple touch icon. Los metadatos sociales se tratan en profundidad: etiquetas Open Graph para títulos, imágenes, descripciones, nombre del sitio y locale; microdatos de Schema.org que requieren itemscope e itemtype en el elemento html; marcado de organización JSON-LD de Google para resultados del knowledge graph; la directiva nopin de Pinterest; relaciones de enlace oEmbed; etiquetas para compartir de QQ y WeChat; elementos de metadatos Dublin Core con el prefijo DC.; y la metaetiqueta creator del Fediverso utilizada por Mastodon y software similar. Las secciones específicas por plataforma recopilan etiquetas para Apple iOS (banners inteligentes de aplicaciones, iconos táctiles, imágenes de inicio, modo independiente, estilo de la barra de estado, viewport-fit para teléfonos con muesca y enlaces profundos), Google Android (color del tema, añadir a la pantalla de inicio, enlaces profundos de Play Store) y Google Chrome (elemento de la tienda web, control de la solicitud de traducción). Otra sección documenta navegadores móviles chinos: la selección de renderizador de 360 Browser, las etiquetas de orientación x5, pantalla completa y modo de página de QQ Mobile Browser, y la orientación de pantalla y etiquetas relacionadas de UC Mobile Browser. Una sección de elementos obsoletos y listas de otros recursos, proyectos relacionados, traducciones, guía de contribución, colaboradores, autor, soporte y licencia (CC0) completan el documento. El proyecto es un recurso de documentación para desarrolladores web que quieren un único lugar donde consultar las convenciones de marcado del head en navegadores, motores de búsqueda y plataformas sociales.