Meiner Meinung nach ist HTML 5 eine Kompromisslösung, die zwar nicht radikal ist, aber den weiteren Fortschritt der Technologie vorantreiben kann. Es gibt keine Namespaces, Elemente müssen nicht geschlossen werden (was natürlich kein Vorteil ist) und Browser können mit einigen Fehlern nachsichtig umgehen. Alles folgt den Praktiken von HTML 4 im letzten Jahrhundert. Wenn es um die HTML-Wiedergabe geht, stecken Browser auf dem Niveau von 1999 fest. Zu diesem Zweck ist HTML 5 eine pragmatische Lösung, die nicht nur HTML weiterverarbeiten kann, das seit so vielen Jahren in allen Teilen der Welt verstreut ist, sondern es Browser-Herstellern auch erleichtert, neue Funktionen hinzuzufügen. Dies wird als würdevolle Degradierung bezeichnet. Werfen wir einen Blick auf einige der neuen Elemente, die HTML 5 hinzugefügt hat.
Strukturelemente
Das ist ein wahres Vergnügen. Derzeit können wir die Struktur nur über ein „universelles“ Div definieren und versuchen, die Kopfzeile, die untere Zeile oder die Seitenleiste auszudrücken, indem wir den Wert ihrer Attribut-ID wie Kopfzeile, Fußzeile, Seitenleiste usw. festlegen. Mit ihnen müssen sich Codeschreiber keine Gedanken mehr über die Benennung von IDs machen, was größere semantische Vorteile für Mobiltelefone, Lesegeräte und andere Geräte mit sich bringt. HTML 5 fügt neue Strukturelemente hinzu, um diese am häufigsten verwendeten Strukturen auszudrücken:
Abschnitt: Dies kann einen Teil oder ein Kapitel eines Buches oder einen Abschnitt innerhalb eines Kapitels ausdrücken
Kopfzeile: Die Kopfzeile im Hauptteil der Seite. Kein Kopfelement
Fußzeile: Der untere Rand der Seite (Fußzeile), in dem sich eine E-Mail-Signatur befinden kann
nav: eine Sammlung von Links zu anderen Seiten
Artikel: Eine unabhängige Aufzeichnung in einem Blog, Magazin, Kompendium usw.
Die in HTML 5 geschriebene Homepage eines Blogs könnte beispielsweise so aussehen (mit einigen Auslassungen):
| Nachfolgend der zitierte Inhalt: <<!DOCTYPE HTML> beiseite <beiseite> <Abbildung> <Dialog> |
Das m-Element wird verwendet, um Text zu markieren, der keiner Hervorhebung bedarf. Es ist immer noch umstritten und könnte irgendwann in mark geändert werden.
Das Zeitelement wird, wie der Name schon sagt, verwendet, um Zeit auszudrücken. Es erfordert eine Datum/Uhrzeit-Funktion, um eine Uhrzeit anzugeben, die das Gerät erkennen kann, wie zum Beispiel:
<time datetime="2008-08-08T20:08:08">20:08:08 Uhr am 8. August 2008</tiem> Das Meter-Element drückt einen Wert innerhalb eines bestimmten Bereichs aus. Kann für Gehälter, Prozentsätze, Brüche usw. verwendet werden. Zum Beispiel:
Es tut mir leid, Ihnen mitteilen zu müssen, dass ich nur <meter>150cm</meter> habe. Es hat auch 6 Funktionen, um verschiedene Bedeutungen auszudrücken, wie zum Beispiel:
<p>Ihre Punktzahl ist: <meter value="88,7" min="0" max="100" low="65" high="96"optimum="100">B+</meter>.</p >
Es gibt auch Fortschritt, der, wie der Name schon sagt, Fortschritt ausdrückt:
Zielerreichung: <progress value="40" max="100">40 %</progress> Multimedia einbetten
Video- und Audioelemente hinzugefügt. Wie der Name schon sagt, werden sie zum Einfügen von Video bzw. Ton verwendet. Die Implementierung des Formats bleibt dem Browser überlassen und HTML benötigt keinen speziellen Code mehr, um ein bestimmtes Format abzuspielen. Genau wie img kann es angezeigt werden, egal ob es sich um PNG, JPG oder GIF handelt. Insbesondere können sie Inhalte enthalten. Sie können beispielsweise einen Text in ein bestimmtes Lied einfügen:
| Nachfolgend der zitierte Inhalt: <audio src="Wer schläft mit dir.mp3"> <p>Die Tränen versiegten</p> <p>Wie kann ich es ertragen, mir selbst Unrecht zu tun?</p> <p>Es gab einen Moment der Traurigkeit und Freude</p> ... </audio> |
Interaktivität
HTML 5 wird auch Web Applications 1.0 genannt und entwickelt daher auch interaktive Fähigkeiten weiter. Diese Tags sollen das interaktive Erlebnis der Seite verbessern:
| Nachfolgend der zitierte Inhalt: Details Datengitter Speisekarte Befehl |
Details
Es wird verwendet, um einen bestimmten Inhalt darzustellen, der Inhalt wird jedoch möglicherweise nicht standardmäßig angezeigt. Er wird angezeigt, nachdem mit der Legende auf irgendeine Weise interagiert wurde (z. B. durch Klicken). Dies ähnelt in gewisser Weise den aktuellen Methoden, einen Inhalt über JavaScript auszublenden und nach dem Klicken anzuzeigen. Zum Beispiel:
Halten Sie jeden Teil des Lebens in einem Satz fest,
| Nachfolgend der zitierte Inhalt: <Details> <legend>Mehr</legend> <p>Kommunizieren und teilen Sie, bringen Sie sich und Ihre Freunde näher zusammen, unterstützen Sie MSN/GTalk/QQ, SMS und mobiles WAP</p> </details>Es kann ein offenes Attribut haben, um Details anzuzeigen oder nicht. |
Das Datagrid dient zur Steuerung von Daten und kann von Benutzern oder Skripten aktualisiert werden.
Das Menü gab es in HTML 2, aber HTML 4 machte es überflüssig. Es wird HTML 5-Abfall verwendet und das Befehlselement wird während des Zeitraums hinzugefügt.
Referenz: Neue Elemente in HTML 5