2) Metadatos

Código dentro de <head> (izquierda) y representación conceptual (derecha) con colores relacionados.

Leyenda (etiqueta → color)

head meta title link style script noscript

<head>

  <meta charset="utf-8">
  <meta name="description" content="Sitio educativo HTML5">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>Curso HTML5</title>

  <link rel="stylesheet" href="styles.css">
  <link rel="icon" href="favicon.ico">

  <style>
    body { font-family: Arial; }
  </style>

  <script src="app.js" defer></script>

  <noscript>
    Este sitio requiere JavaScript.
  </noscript>

</head>

head
├─ meta
├─ title
├─ link
├─ style
├─ script
└─ noscript

Vista conceptual

Representación estructural del contenido del <head>.

head

meta (charset, description, viewport)

title → Texto que aparece en la pestaña del navegador

link → CSS / favicon / recursos externos

style → Reglas CSS internas

script → JavaScript

noscript → Mensaje si JS está deshabilitado