Etiqueta param en HTML: obsoleta y migración de object

La etiqueta <param> está obsoleta y no debe usarse en páginas nuevas. Suministraba parámetros a un <object>, generalmente para configurar un complemento o plugin. Hoy se usa data para indicar la URL de un objeto, y la configuración restante depende del elemento o API que reemplace al recurso. Esta guía sirve para reconocer código antiguo y decidir cómo migrarlo.

Ejemplo histórico: qué configuraba param

Este fragmento es documentación histórica: permanece como texto y no intenta cargar Flash. No necesitas conseguir el archivo ni instalar un complemento.

<object data="reproductor.swf" type="application/x-shockwave-flash">
  <param name="quality" value="high">
  <p>El reproductor no está disponible.</p>
</object>

data identificaba el archivo; name="quality" y value="high" pretendían transmitir una opción al reproductor. El significado de esa opción dependía del complemento. HTML no definía un ajuste universal de calidad ni garantizaba que todos los objetos reconocieran ese nombre.

Cambiar value podía modificar la configuración si el objeto admitía el nuevo valor. Retirar <param> dejaba al objeto sin ese parámetro explícito: su respuesta dependía de su implementación. Quitar la etiqueta no convierte un archivo SWF en un vídeo reproducible por HTML.

Sintaxis y contexto históricos

<param> era un elemento vacío: no contenía texto ni otras etiquetas y no llevaba </param>. Dentro de <object>, los parámetros eran hijos directos colocados antes del contenido alternativo, como el párrafo del ejemplo. No se colocaban dentro del fallback ni como elementos sueltos del documento.

La especificación de HTML 4.01 documenta esa inicialización de objetos. El estándar vigente declara param no conforme: conservar su reconocimiento en un navegador no autoriza a añadirlo a ejemplos nuevos de <object>.

Atributos antiguos: name, value, type y valuetype

Esta tabla describe el formato histórico, no opciones que debas usar hoy.

Al migrar, revisa qué hacía cada parámetro. Una opción de calidad, por ejemplo, puede exigir preparar nuevos archivos de vídeo; no basta con copiar su nombre y su valor a otro elemento.

Migración actual: un PDF con object data

¿Param sigue siendo necesaria para object? No. Usa el atributo data de object para la URL. Este documento completo utiliza el PDF local del programa, con horarios ficticios y contenido original. Descárgalo y conserva esa ruta en tu sitio, o adapta las dos URLs.

<!doctype html>
<html lang="es">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Programa del taller</title>
  <style>
    body { max-width: 48rem; margin: auto; padding: 1rem;
      font-family: system-ui, sans-serif; line-height: 1.6; }
    object { display: block; width: 100%; height: 24rem; }
  </style>
</head>
<body>
  <h1>Programa del taller de HTML</h1>
  <p><a href="/ejemplos/embed/programa.pdf">Abrir programa en PDF</a></p>
  <object data="/ejemplos/embed/programa.pdf" type="application/pdf"
    width="640" height="480" title="Programa del taller en PDF">
    <p>Vista previa no disponible. Consulta el programa que sigue.</p>
  </object>
  <h2>Programa en HTML</h2>
  <p>Ejemplo didáctico: horarios ficticios.</p>
  <ol>
    <li>10:00 — Bienvenida y presentación del taller.</li>
    <li>10:15 — Estructura de una página HTML.</li>
    <li>11:00 — Práctica: crear una página de presentación.</li>
    <li>11:45 — Preguntas y cierre.</li>
  </ol>
  <p>La entrada es gratuita. Trae tu computadora si deseas practicar.</p>
</body>
</html>

El navegador intenta abrir su visor PDF; el enlace y el programa HTML permanecen visibles. El contenido interior de <object> es su alternativa, pero un error dentro de un visor ya abierto puede no mostrarla. La lectura exterior evita depender de ella y no pretende certificar la accesibilidad del PDF.

Cambiar data selecciona otro recurso. Retirar el objeto completo elimina la vista previa y su fallback, pero conserva el enlace y los horarios exteriores.

Migración separada: un reproductor con video

Para reproducir una grabación, usa <video>; para sonido sin imagen, usa audio. Los controles y las API de medios de HTML sustituyen funciones concretas del reproductor. Una aplicación interactiva o animación puede requerir reconstruir su comportamiento con HTML, CSS y JavaScript, o exportar una grabación si basta una reproducción lineal.

Este ejemplo usa dos fuentes reales del mismo vídeo original: MP4 y WebM. Descárgalas y guárdalas en esas rutas. El vídeo dura unos tres segundos, carece de audio y su descripción textual comunica toda la información visual.

<!doctype html>
<html lang="es">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Recorrido de un cuadrado</title>
  <style>
    body { max-width: 48rem; margin: auto; padding: 1rem;
      font-family: system-ui, sans-serif; line-height: 1.6; }
    video { display: block; width: 100%; height: auto; }
  </style>
</head>
<body>
  <h1>Recorrido de un cuadrado</h1>
  <video controls preload="metadata" width="640" height="360"
    aria-describedby="descripcion">
    <source src="/ejemplos/param/recorrido.mp4" type="video/mp4">
    <source src="/ejemplos/param/recorrido.webm" type="video/webm">
    <p>Tu navegador no admite el elemento video.</p>
  </video>
  <p id="descripcion">Vídeo sin sonido: un cuadrado azul ocupa,
    de izquierda a derecha, las posiciones numeradas 1, 2 y 3.</p>
  <p><a href="/ejemplos/param/recorrido.mp4">Abrir o descargar el vídeo</a></p>
</body>
</html>

controls ofrece los controles nativos, sin scripts propios ni reproducción automática. Las fuentes permiten elegir un archivo compatible; sus tipos MIME no convierten los archivos. El mensaje interior sirve para navegadores que no admiten <video>, no para todos los errores de carga. La descripción y el enlace exteriores siguen disponibles.

¿Cada param tiene un atributo equivalente? No. quality="high" no es un atributo universal de <video>. La resolución y la compresión dependen de las fuentes que prepares; una selección de calidad adicional requiere una solución diseñada para tus archivos o servicio.

Cómo probar la migración y evitar errores

Guarda los documentos como programa.html y recorrido.html. Coloca el PDF y los vídeos en las rutas indicadas en el código, o cambia esas URLs por las de tus archivos. Abre cada recurso directamente antes de probarlo dentro de la página: así podrás distinguir un problema de ruta de un fallo del visor o del reproductor.

1. Abre el programa en móvil y escritorio. Comprueba los horarios, la vista previa y el enlace. Cambia temporalmente data a una URL inexistente: la lectura exterior debe continuar disponible. Restaura la URL.
2. Abre el vídeo y actívalo con los controles. Revisa las tres posiciones y la descripción. Prueba cada fuente por separado; cambia ambas a URLs inexistentes para comprobar que el texto exterior se mantiene.
3. Retira controls: desaparece la interfaz nativa; no esperes reproducción automática. Restaura el atributo. No intentes trasladar quality como si configurara el navegador.
4. Revisa Tab, Mayús+Tab e Intro, el foco y la salida de los controles. Desactiva JavaScript: los enlaces, el texto y los controles nativos no requieren scripts de la página.

Eliminar <param> sin inventariar la función antigua puede perder opciones o dejar un recurso inutilizable. No recomiendes instalar plugins para completar una migración. Para el PDF, consulta la guía de object; embed utiliza src y no admite fallback interior. Los detalles de reproducción corresponden a <video> y <audio>, no a <param>.

Compatibilidad y fuentes

Fuentes consultadas el 3 de octubre de 2026: las secciones enlazadas del Living Standard y HTML 4.01, y MDN sobre param y su compatibilidad. La conservación del elemento o de HTMLParamElement no implica soporte del antiguo complemento. El visor PDF y los códecs de vídeo deben comprobarse por separado del reconocimiento de las etiquetas.