Wie erstelle ich gültiges HTML5 mit Frames?

Question 1

Für die Schule muss ich eine Website machen muss Rahmen verwenden. Ich beschwerte mich erfolglos bei meinem Lehrer.

Ich möchte HTML5 verwenden, aber Frames scheinen veraltet zu sein. Muss ich XHTML, HTML 4 verwenden oder gibt es eine Problemumgehung, die meine Seiten durch die Verwendung von Frames zu gültigem HTML5 macht?

Question 2

Ich weiß, dass Ihr Unterricht vorbei ist, aber lassen Sie sich beim professionellen Programmieren dies eine Lektion sein:

“Veraltet” bedeutet “Verwendung vermeiden; es wird in Zukunft entfernt”
Veraltete Dinge funktionieren immer noch – erwarten Sie nur keinen Support oder Zukunftssicherheit
Wenn die Anforderung dies erfordert und Sie es nicht aushandeln können, verwenden Sie einfach das veraltete Konstrukt.
- Wenn Sie wirklich besorgt sind, entwickeln Sie die alternative Implementierung nebenbei und halten Sie sie für den unvermeidlichen Ausfall bereit
- Berechnen Sie jetzt die zusätzliche Arbeit. Indem sie eine veraltete Funktion anfordern, bitten sie Sie, die Arbeit zu verdoppeln. Sie werden es sowieso wieder sehen, also können Sie es genauso gut vorab laden.
- Wenn der Fehler eintritt, teilen Sie der interessierten Partei mit, dass Sie dies befürchtet haben. dass Sie sich darauf vorbereitet haben, aber es wird einige Zeit dauern
- Stellen Sie Ihre Lösung so schnell wie möglich bereit (es wird Fehler geben)
- Gewinnen Sie Repräsentanten, um übermäßige Ausfallzeiten zu vermeiden.

Question 3

Nun, es gibt viele Beispiele dafür, wie ich Fragen mit Aufsätzen beantwortet habe, warum das Befolgen von Validierungsregeln wichtig ist. Ich habe auch gesagt, dass man manchmal einfach ein Rebell sein und die Regeln brechen und die Gründe dokumentieren muss.

Das sieht man an diesem Beispiel Framesets funktionieren immer noch in HTML5. Ich musste jedoch den Code herunterladen und oben einen HTML5-Doctype hinzufügen. Aber das Frameset-Element wurde trotzdem erkannt und das gewünschte Ergebnis erzielt.

Wenn Sie also wissen, dass die Verwendung von Framesets völlig absurd ist und Sie wissen, dass Sie dies gemäß den Anweisungen Ihres Professors / Lehrers verwenden müssen, können Sie sich einfach mit dem einzelnen Validierungsfehler im W3C-Validator befassen und sowohl das HTML5-Videoelement als auch das verwenden veraltetes Frameset-Element.

<!DOCTYPE html>
<html>
    <head>
    </head>
    <!-- frameset is deprecated in html5, but it still works. -->
    <frameset framespacing="0" rows="150,*" frameborder="0" noresize>
        <frame name="top" src="http://www.npscripts.com/framer/demo-top.html" target="top">
        <frame name="main" src="http://www.google.com" target="main">
    </frameset>
</html>

Denken Sie daran, dass es sich bei einem Projekt für die Schule höchstwahrscheinlich nicht um etwas handelt, das in ein oder zwei Jahren verfügbar sein wird, sobald die Browseranbieter die Frameset-Unterstützung für HTML5 vollständig entfernt haben. Wisse nur, dass du Recht hast und tue einfach, was dein Lehrer/Professor verlangt, nur um die Note zu bekommen 🙂

AKTUALISIEREN:

Das übergeordnete Dokument der obersten Ebene verwendet XHTML und der Frame verwendet HTML5. Der Validator hat sich nicht darüber beschwert, dass das Frameset illegal ist, und er hat sich nicht über das Videoelement beschwert.

index.php:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html>
    <head>
    </head>
    <frameset framespacing="0" rows="150,*" frameborder="0" noresize>
        <frame name="top" src="http://www.npscripts.com/framer/demo-top.html" target="top">
        <frame name="main" src="video.html" target="main">
    </frameset>
</html>

video.html:

<!doctype html>
<html>
    <head>
    </head>
    <body>
        <div id="player-container">
            <div class="arrow"></div>
            <div class="player">

                <video id="vid1" width="480" height="267" 
                    poster="http://cdn.kaltura.org/apis/html5lib/kplayer-examples/media/bbb480.jpg"
                    durationHint="33" controls>
                    <source src="http://cdn.kaltura.org/apis/html5lib/kplayer-examples/media/bbb_trailer_iphone.m4v" />

                    <source src="http://cdn.kaltura.org/apis/html5lib/kplayer-examples/media/bbb400p.ogv" />

                </video>

        </div>
    </body>
</html>

Question 4

Vielleicht könnte eine AJAX-Seiteninhaltsinjektion als Alternative verwendet werden, obwohl ich immer noch nicht verstehe, warum Ihr Lehrer sich weigern würde, die Website von Frames zu befreien.

Gibt es außerdem einen bestimmten Grund, warum Sie persönlich HTML5 verwenden möchten?

Aber wenn nicht, glaube ich <iframe>s sind immer noch da.

Question 5

Dazu müssen Sie auf XHTML oder HTML 4.01 zurückgreifen. Obwohl iframe in HTML5 immer noch vorhanden ist, wird seine Verwendung zum Einbetten von Inhalten, die für den Benutzer bestimmt sind, nicht empfohlen.

Und sagen Sie Ihrem Lehrer auf jeden Fall, dass Rahmen seit Ende der Neunzigerjahre nicht mehr State-of-the-Art sind. Sie haben überhaupt keinen Platz in irgendeiner Art von Bildung, außer möglicherweise aus historischen Gründen.

Question 6

Frames wurden in HTML5 nicht verworfen, waren aber in XHTML 1.1 Strict und 2.0 veraltet, blieben aber in XHTML Transitional und wurden in HTML5 zurückgegeben. Ebenfalls hier ist ein interessanter Artikel über die Verwendung von CSS, um Frames ohne Frames nachzuahmen. Ich habe es gerade in IE 8, FF 3, Opera 11, Safari 5, Chrome 8 getestet. Ich liebe Frames, aber sie haben ihre Probleme, insbesondere mit Suchmaschinen, Lesezeichen und Drucken, und mit CSS können Sie Druck- oder nur Anzeigeinhalte erstellen . Ich hoffe, Alex’ XHTML/CSS-Frame ohne Frames-Lösung auf HTML5/CSS3 aktualisieren zu können.