¿Como funciona el comando en HTML5: 'param'?

El elemento <param> en HTML5 es utilizado para definir parámetros para elementos específicos que aceptan una colección de parámetros. Este elemento se utiliza comúnmente con elementos como <object> para especificar datos adicionales, como configuraciones, URL de contenido, valores de inicialización, etc.

Atributos del Elemento <param>

El elemento <param> tiene varios atributos que permiten especificar detalles específicos sobre el parámetro que se está definiendo. A continuación se detallan todos sus atributos:

1. name: Define el nombre del parámetro que se está proporcionando. Este atributo es obligatorio ya que el elemento <param> no tendría sentido sin él.

2. value: Define el valor asociado con el parámetro especificado por el atributo name. Este atributo es opcional pero generalmente se utiliza en combinación con name.

3. typ: Aunque no es muy comúnmente utilizado ni necesario en HTML5, este atributo se usaba para especificar el tipo de valor que contiene el atributo value.

4. valuetype: Este atributo define el tipo de valor asociado con el parámetro. Puede tener tres valores principales:

   • data: (valor por defecto) El valor del atributo value es un dato que no es una URL.
   • ref: El valor del atributo value especifica una URL.
   • object: El valor del atributo value es una id de un elemento que proporciona el contenido para el parámetro.

Además de estos atributos, el elemento <param> hereda atributos globales como class, id, style, entre otros, que pueden ser utilizados para agregar estilos o identificar el elemento en el DOM de la página.

Uso y Ejemplos del Elemento <param> en HTML5

El uso principal del <param> es dentro de un elemento <object>, que inserta objetos multimedia como vídeos, audio u otros tipos de aplicaciones dentro de una página web. A continuación, se presentan algunos ejemplos prácticos para ilustrar su uso.

Ejemplo 1: Inserción de una Película Flash con Parámetros

<object data="movie.swf" type="application/x-shockwave-flash" width="400" height="300">
  <param name="autoplay" value="true">
  <param name="quality" value="high">
  <param name="bgcolor" value="#FFFFFF">
  <param name="allowscriptaccess" value="always">
  <div>Your browser does not support Flash.</div>
</object>

En este ejemplo, se está insertando una película Flash (movie.swf) con varios parámetros:

• autoplay establece que la película iniciará automáticamente.
• quality configura la calidad a alta.
• bgcolor define el color de fondo.
• allowscriptaccess especifica que el acceso a los scripts está permitido.

Ejemplo 2: Inserción de un Documento PDF

<object data="example.pdf" type="application/pdf" width="600" height="400">
  <param name="page" value="2">
  <param name="view" value="Fit">
  <div>Your browser does not support PDF viewing. <a href="example.pdf">Download PDF</a></div>
</object>

En este segundo ejemplo, se inserta un documento PDF (example.pdf) con los siguientes parámetros:

• page: Establece la página inicial del documento cuando se abre.
• view: Configura la visualización inicial del documento.

Ejemplo 3: Vídeo Insertado con Parámetros

<object data="movie.mp4" type="video/mp4" width="640" height="360">
  <param name="autoplay" value="true">
  <param name="controls" value="false">
  <div>Your browser does not support video. <a href="movie.mp4">Download Video</a></div>
</object>

Aquí se inserta un vídeo (movie.mp4) con:

• autoplay iniciando automáticamente la reproducción del vídeo.
• controls removiendo los controles del vídeo.

Estos ejemplos muestran cómo el elemento <param> se puede usar para proporcionar configuraciones específicas a elementos multimedia en una página web. Esta funcionalidad permite un nivel de personalización y control sobre cómo se muestran y comportan estos objetos multimedia para los usuarios.