HTML5 y frameborder

Tengo un iframe en un documento HTML5. cuando valido, iframe frameBorderaparece un error que me dice que el atributo en el es obsoleto y que use CSS en su lugar.

Tengo este atributo frameBorder="0"aquí porque era la única forma en que podía descubrir cómo deshacerme del borde en IE, lo intenté border:none;en CSS sin suerte. ¿Existe una forma compatible de solucionar este problema?

Gracias.

HTML 5 no admite atributos como frameborder, scrolling, marginwidth y marginheight (que eran compatibles con HTML 4.01). En cambio, la especificación HTML 5 ha introducido el atributo sin costuras. El atributo sin costura permite que el marco en línea aparezca como si se estuviera renderizando como parte del documento que lo contiene. Por ejemplo, los bordes y las barras de desplazamiento no aparecerán.

Según MDN

frameborder Obsoleto desde HTML5

El valor 1(predeterminado) dibuja un borde alrededor de este marco. El valor 0elimina el borde alrededor de este marco, pero debería usar el borde de la propiedad CSS para controlar los bordes.

Como dice la cita anterior, debe eliminar el borde con CSS;
ya sea en línea ( style="border: none;") o en su hoja de estilo ( iframe { border: none; }).

Dicho esto, no parece haber un solo proveedor de iframe que no utilice frameborder="0". Incluso YouTube todavía usa el atributo y ni siquiera proporciona un atributo de estilo para hacer que los iframes sean compatibles con versiones anteriores cuando ya no se admite frameborder. Es seguro decir que el atributo no desaparecerá pronto. Esto te deja con 3 opciones:

1. Sigue usando frameborder, solo para asegurarte de que funciona (por ahora)
2. Usa CSS para hacer lo "correcto"
3. Utilice ambos. Aunque esto no resuelve el problema de incompatibilidad (al igual que la opción 1), sí funciona y funcionará en todos los navegadores que han sido y serán

En cuanto al estado anterior de esta respuesta de una década:

El seamlessatributo ha sido admitido durante tan poco tiempo (o no lo han admitido algunos navegadores), que MDN ni siquiera lo enumera como una característica obsoleta. No lo use y no se confunda con los comentarios a continuación.

Según la otra publicación aquí , la mejor solución es usar la entrada CSS de

style="border:0;"

Dado que el frameborderatributo solo es necesario para IE, hay otra forma de sortear el validador. Esta es una forma liviana que no requiere Javascript ni ninguna manipulación DOM.

<!--[if IE]>
   <iframe src="source" frameborder="0">?</iframe>
<![endif]-->
<!--[if !IE]>-->
   <iframe src="source" style="border:none">?</iframe>
<!-- <![endif]-->

Esto funciona

iframe{
    border-width: 0px;
}

¿Qué tal si usamos la misma técnica para "engañar" al validador con Javascript pegando un atributo de destino en XHTML <a onclick="this.target='_blank'">?

• onsomething = "this.frameborder = '0'"

<iframe onload = " this.frameborder='0' " src="menu.html" id="menu"> </iframe>

O getElementsByTagName]("iframe")1 añadiendo este atributo para todos los marcos flotantes en la página?

¡No he probado esto porque hice algo que significa que nada funciona en IE menos de 9! :) Entonces, mientras estoy resolviendo eso ... :)

Encontré una buena solución que le permitirá funcionar en IE7 aquí . Omite el validador para el atributo frameBorder pero mantiene css para futuros navegadores como se explica en la publicación.

style="border:none; scrolling:no; frameborder:0;  marginheight:0; marginwidth:0; "