Resumen

  • El W3C publicó el primer borrador abierto de HTML Templates el 14 de febrero de 2013. Propuso conservar subárboles DOM inertes y crear instancias a partir de ellos.
  • Los textos HTML de 2014 incorporaron template al lenguaje. Su contenido vive en un DocumentFragment: se puede clonar, completar con datos y llevar al documento activo.

Una redacción recibe siete noticias, luego diez más, y al final alguien descubre que faltaba una foto. Cada noticia necesita la misma caja visual: titular, resumen, imagen y enlace. Programar las cajas una por una con cadenas de HTML convierte una tarea editorial en un concurso de comillas mal cerradas. Esconder una caja de muestra dentro de la página tampoco era una gran ceremonia. El navegador sabía leer HTML; le faltaba un sitio oficial donde dejar una pieza leída y sin estrenar.

El primer borrador público de HTML Templates, de febrero de 2013, planteó ese depósito. El navegador interpreta el marcado dentro de <template> y construye sus nodos. Los conserva inertes, disponibles para crear copias después. El editor puede diseñar la tarjeta en HTML corriente y el programa puede decidir en qué momento aparece cada ejemplar. La forma y el contenido dejan de pelear por el mismo turno.

La propuesta HTML 5.1 de febrero de 2014 explica dónde vive el molde. template.content devuelve un DocumentFragment asociado a otro documento, sin contexto de navegación. Allí los scripts no se ejecutan; los controles no se suman al formulario visible; el elemento no ocupa espacio pintado. Es un taller con las luces apagadas, aunque las piezas ya estén cortadas.

El ejemplo de esa propuesta no invoca una redacción: usa gatos. Una fila de tabla descansa en el molde. El script la copia, escribe los datos de un gato en las celdas y añade la fila al documento. Repite la operación con el siguiente. La anécdota felina deja ver el reparto: el navegador guarda una estructura válida; el autor rellena cada copia con información concreta. En el sitio de noticias, las celdas serían titulares, fechas e imágenes.

El HTML5 recomendado en octubre de 2014 incluyó el mecanismo en el cuerpo principal del estándar. El registro de publicaciones del W3C muestra el camino del documento independiente, desde el borrador de 2013 hasta la nota de marzo de 2014. Aquella oficina de propuestas cerró; el molde quedó dentro del idioma ordinario de la web.

La norma HTML vigente sigue diciendo que template declara fragmentos que un script puede clonar e insertar. Describe el fragmento separado y la operación de copia. Hay una pequeña trampa para quien mira el árbol DOM por primera vez: el contenido escrito entre las etiquetas no figura como hijos corrientes del propio elemento. Hay que abrir content. La caja existe, pero está en el almacén y no en el escaparate.

El ahorro parece doméstico y por eso importa. Una página con muchas tarjetas no necesita veinte ideas sobre cómo ocultar un prototipo ni veinte rituales para montar etiquetas. Necesita un molde que el navegador entienda y copias que el editor pueda poblar sin mover la pared de las demás. Cuando llega la noticia número dieciocho, nadie debería seguir buscando dónde guardó la tarjeta número uno.