El Atributo DEFAULT

El atributo default en HTML se utiliza de manera específica en ciertos elementos para indicar una configuración o estado predeterminado. A continuación, se detalla su uso correcto y casos prácticos:

¿Dónde se usa el atributo default?

El atributo default es válido en el contexto del elemento <track>, que se emplea dentro de <audio> o <video> para añadir subtítulos, descripciones, etc. Marca una pista como activada por defecto al cargar el recurso multimedia.

Sintaxis Básica en <track>

<video controls>
  <source src="video.mp4" type="video/mp4">
  <track 
    kind="subtitles" 
    src="subtitles_es.vtt" 
    srclang="es" 
    label="Español" 
    default
  >
  <track 
    kind="subtitles" 
    src="subtitles_en.vtt" 
    srclang="en" 
    label="English"
  >
</video>

• default: Atributo booleano (no necesita valor). Indica que esta pista de subtítulos se activará automáticamente.

• Solo una pista puede tener default en un mismo reproductor.

Casos de Uso

Ejemplo 1: Subtítulos predeterminados en un video

<video controls width="600">
  <source src="tutorial.mp4" type="video/mp4">
  <track 
    kind="subtitles" 
    src="tutorial_es.vtt" 
    srclang="es" 
    label="Español" 
    default
  >
  <track 
    kind="subtitles" 
    src="tutorial_en.vtt" 
    srclang="en" 
    label="English"
  >
</video>

Ejemplo 2: Descripciones de audio para accesibilidad

<audio controls>
  <source src="podcast.mp3" type="audio/mpeg">
  <track 
    kind="descriptions" 
    src="descripcion_es.vtt" 
    srclang="es" 
    label="Descripción" 
    default
  >
</audio>

Atributos Relacionados en Otros Elementos

Aunque default es exclusivo de <track>, otros elementos usan atributos similares para definir valores predeterminados:

Checkboxes y Radio Buttons

<input type="checkbox" checked> <!-- "checked" establece estado predeterminado -->
<input type="radio" name="color" value="red" checked> Rojo

Listas Desplegables (<select>)

<select>
  <option value="mx">México</option>
  <option value="es" selected>España (predeterminada)</option> <!-- "selected" -->
</select>

Valores de Entrada (<input>, <textarea>)

<input type="text" value="Ejemplo predeterminado">
<textarea>Texto inicial</textarea>

Buenas Prácticas

• Accesibilidad: Usa <track> con default para subtítulos o descripciones que mejoren la experiencia de usuarios con discapacidades.

• Compatibilidad: Asegúrate de que el formato del archivo de pista (ej: .vtt) sea soportado por los navegadores.

• Solo una pista predeterminada: Evita asignar default a múltiples pistas en el mismo reproductor.

Errores Comunes

Error 1: Usar default fuera de <track>

<!-- Incorrecto -->
<input type="text" default="Valor inicial">

<!-- Correcto -->
<input type="text" value="Valor inicial">

Error 2: Múltiples pistas con default

<!-- Incorrecto -->
<track kind="subtitles" src="es.vtt" default>
<track kind="subtitles" src="en.vtt" default>

<!-- Correcto -->
<track kind="subtitles" src="es.vtt" default>
<track kind="subtitles" src="en.vtt">

Soporte en Navegadores

• Todos los navegadores modernos (Chrome, Firefox, Safari, Edge) soportan el atributo default en <track>.

• IE11: Soporte limitado; verifica la compatibilidad del formato .vtt.

Conclusión

El atributo default en HTML es una herramienta específica pero poderosa para mejorar la accesibilidad y experiencia multimedia. Úsalo en <track> para activar subtítulos o descripciones por defecto, y recuerda emplear atributos como checked, selected, o value en otros elementos para valores predeterminados.