Acerca de este problema HTML
En HTML, los atributos booleanos como allowfullscreen, disabled, readonly y hidden funcionan de manera diferente a lo que muchos desarrolladores esperan. Su mera presencia en un elemento significa “verdadero”, y su ausencia significa “falso”. Los únicos valores válidos para un atributo booleano son la cadena vacía ("") o el nombre del propio atributo (por ejemplo, allowfullscreen="allowfullscreen"). Establecer un atributo booleano como "true" no es HTML válido según el estándar vivo de HTML del WHATWG, aunque los navegadores típicamente lo interpretarán como habilitado.
Esto importa por varias razones. Primero, viola la especificación de HTML y producirá un error de validación del W3C. Segundo, puede crear confusión para otros desarrolladores que podrían asumir que establecer el atributo como "false" lo deshabilitaría, pero así no es como funcionan los atributos booleanos. Establecer allowfullscreen="false" aún habilitaría pantalla completa porque el atributo está presente. Mantener tu marcado válido y semánticamente correcto evita estos malentendidos y asegura compatibilidad futura con navegadores y herramientas.
También vale la pena señalar que allowfullscreen ahora se considera un atributo heredado. El enfoque moderno es usar el atributo allow con el token de permiso "fullscreen", que es parte del mecanismo más amplio de Permissions Policy. El atributo allow te da control detallado sobre múltiples funciones en un solo atributo.
Ejemplos
Incorrecto: atributo booleano establecido como “true”
Esto desencadena el error de validación porque "true" no es un valor válido para un atributo booleano.
<iframe src="https://example.com" allowfullscreen="true"></iframe>Correcto: atributo booleano sin valor
Simplemente incluye el nombre del atributo sin ninguna asignación de valor.
<iframe src="https://example.com" allowfullscreen></iframe>También correcto: atributo booleano con una cadena vacía
La cadena vacía es un valor válido para cualquier atributo booleano.
<iframe src="https://example.com" allowfullscreen=""></iframe>También correcto: atributo booleano establecido con su propio nombre
Según la especificación, un atributo booleano puede establecerse con una coincidencia insensible a mayúsculas de su propio nombre.
<iframe src="https://example.com" allowfullscreen="allowfullscreen"></iframe>
Recomendado: usar el atributo moderno allow
El atributo allow es el enfoque preferido de cara al futuro. Reemplaza allowfullscreen y también puede controlar otros permisos como cámara, micrófono y más.
<iframe src="https://example.com" allow="fullscreen"></iframe>
Puedes combinar múltiples permisos en un solo atributo allow:
<iframe src="https://example.com" allow="fullscreen; camera; microphone"></iframe>Error común: intentar deshabilitar con “false”
Ten en cuenta que lo siguiente no deshabilita pantalla completa: el atributo sigue presente, por lo que pantalla completa sigue estando permitida. Esto también produciría un error de validación.
<!-- Esto NO deshabilita pantalla completa — y es HTML inválido -->
<iframe src="https://example.com" allowfullscreen="false"></iframe>Para deshabilitar pantalla completa, simplemente omite el atributo por completo:
<iframe src="https://example.com"></iframe>Encuentra problemas como este automáticamente
Rocket Validator escanea miles de páginas en segundos, detectando problemas de HTML en todo tu sitio web.