HTML5 und Frameborder

Ich habe einen Iframe für ein HTML5-Dokument. Wenn ich validiere, erhalte ich eine Fehlermeldung, dass das Attribut auf iframe frameBorderveraltet ist und stattdessen CSS verwendet werden soll.

Ich habe dieses Attribut frameBorder="0"hier, weil es die einzige Möglichkeit war, herauszufinden, wie ich die Grenze im IE entfernen kann. Ich habe es border:none;in CSS ohne Glück versucht . Gibt es eine konforme Möglichkeit, dies zu beheben?

Vielen Dank.

HTML 5 unterstützt keine Attribute wie Frameborder, Scrolling, Marginwidth und Marginheight (die in HTML 4.01 unterstützt wurden). Stattdessen hat die HTML 5-Spezifikation das nahtlose Attribut eingeführt. Mit dem nahtlosen Attribut kann der Inline-Rahmen so angezeigt werden, als würde er als Teil des enthaltenen Dokuments gerendert. Beispielsweise werden Rahmen und Bildlaufleisten nicht angezeigt.

Laut MDN

frameborder Veraltet seit HTML5

Der Wert 1(Standard) zeichnet einen Rahmen um diesen Rahmen. Der Wert 0entfernt den Rahmen um diesen Rahmen. Sie sollten jedoch stattdessen den Rand der CSS-Eigenschaft verwenden, um die Rahmen zu steuern.

Wie im obigen Zitat angegeben, sollten Sie den Rand mit CSS entfernen.
entweder inline ( style="border: none;") oder in Ihrem Stylesheet ( iframe { border: none; }).

Davon abgesehen scheint es keinen einzigen Iframe-Anbieter zu geben, der diesen nicht verwendet frameborder="0". Selbst YouTube verwendet das Attribut weiterhin und bietet nicht einmal ein Stilattribut, um iframes abwärtskompatibel zu machen, wenn Frameborder nicht mehr unterstützt wird. Man kann mit Sicherheit sagen, dass das Attribut nicht bald irgendwohin geht. Damit haben Sie 3 Möglichkeiten:

1. Verwenden Sie weiter frameborder, nur um sicherzugehen, dass es funktioniert (vorerst)
2. Verwenden Sie CSS, um das "Richtige" zu tun
3. Verwende beide. Obwohl dies das Inkompatibilitätsproblem nicht löst (genau wie Option 1), funktioniert es in jedem Browser, der es war und sein wird

Was den vorherigen Stand dieser zehn Jahre alten Antwort betrifft:

Das seamlessAttribut wurde für eine so kurze Zeit (oder von einigen Browsern überhaupt nicht) unterstützt, dass MDN es nicht einmal als veraltete Funktion auflistet. Verwenden Sie es nicht und lassen Sie sich von den Kommentaren unten nicht verwirren.

Wie im anderen Beitrag hier ist die beste Lösung die Verwendung des CSS-Eintrags von

style="border:0;"

Da das frameborderAttribut nur für den Internet Explorer erforderlich ist, gibt es eine andere Möglichkeit, den Validator zu umgehen. Dies ist eine einfache Methode, die weder Javascript noch DOM-Manipulationen erfordert.

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

Das funktioniert

iframe{
    border-width: 0px;
}

Wie wäre es, wenn Sie dieselbe Technik verwenden, um den Validator mit Javascript zu "täuschen", indem Sie ein Zielattribut in XHTML einfügen <a onclick="this.target='_blank'">?

• auf etwas = "this.frameborder = '0'"

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

Oder getElementsByTagName]("iframe")1 Hinzufügen dieses Attributs für alle Iframes auf der Seite?

Habe das nicht getestet, weil ich etwas getan habe, was bedeutet, dass im IE weniger als 9 nichts funktioniert! :) Also, während ich das kläre ... :)

Ich habe eine schöne Lösung gefunden, mit der es hier in IE7 funktionieren kann . Es umgeht den Validator für das Attribut frameBorder, behält jedoch CSS für zukünftige Browser bei, wie im Beitrag erläutert.

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