HTML6: Was ist das und wann kommt es an?

Wann können wir HTML6 erwarten? Nun, die WHATWG – das Normungsgremium, das die Änderungen an der HTML-Spezifikation vorantreibt – hat beschlossen, bei der Standardisierung ein „lebendes Dokument“ zu verwenden. Das bedeutet, dass das, was wir als „HTML6“ bezeichnen, wahrscheinlich keine große Aktualisierung sein wird, sondern eher aus kleineren Änderungen der Spezifikation besteht, die öfters vorgenommen werden.

Allerdings werden die HTML-Spezifikationen ständig überarbeitet und verbessert. Die Hersteller von Browsern sind ständig damit beschäftigt, die neuesten Funktionen zu implementieren und in die breite Öffentlichkeit zu tragen, was bedeutet, dass wir immer wieder neue Dinge ausprobieren können (vielleicht neben dem Ausprobieren eines der besten Website-Baukastens). Es gibt einige Änderungen, die es wert sind, beachtet zu werden – lesen Sie weiter, um zwei neue Funktionen kennenzulernen.

Während Sie hier sind, können Sie auch unseren Leitfaden für Anfänger zu HTML-Tags lesen oder unsere Auswahl der besten HTML-APIs durchsehen. Und um Ihren Prozess noch weiter zu verbessern, sollten Sie sicherstellen, dass Ihr Web-Hosting-Service perfekt für Sie ist und dass Ihre Medien sicher in einem erstklassigen Cloud-Speicher gesichert sind.

Native Modals

Eine Änderung, die sich in den Browsern durchsetzt, ist das <Dialog>-Element. Es fungiert als natives Äquivalent zu JavaScript-gesteuerten modalen Fenstern, die auf vielen Websites ein gängiges Designmuster darstellen.

<dialog open> <p>This is a HTML-powered dialog box.</p></dialog>

Es kann durch Umschalten des Attributs open geöffnet und geschlossen werden. Standardmäßig schwebt es über der Stelle, an der es auf der Seite platziert wurde. Der Aufruf seiner openModal-Methode über JavaScript verwendet dann eine vertrautere modalähnliche Schnittstelle.

Standardmäßig wird der Hintergrund ausgegraut und der Inhalt darunter ist nicht mehr interaktiv.

<dialog> <form method="dialog"> <input type="submit" value="Yes" /> <input type="submit" value="No" /> </form></dialog>

Formulare innerhalb eines modalen Dialogs können ein Methodenattribut dialog haben, das den Wert übermittelt und den Wert an das Dialogobjekt selbst zurückgibt. Dies macht <dialog> zu einem großartigen Werkzeug für die Bestätigung von Aktionen oder anderen kleinen Interaktionen.

Das Element ist standardisiert, und derzeit haben nur Chrome und Samsung Internet Browser volle Unterstützung. Diejenigen, die es nicht unterstützen, zeigen den Inhalt eines Dialogs immer noch an, aber er wird stattdessen innerhalb der Seite platziert.

Smartere Menüs

Einige Webanwendungen ermöglichen es Benutzern, Gruppen von Aktionen innerhalb ihrer Oberfläche durchzuführen. Diese würden sich in irgendeiner Form auf die aktuelle Seite auswirken, wie z.B. das Hinzufügen eines Elements zu einer Liste.

Früher wurden diese als <ul> gekennzeichnet – eine ungeordnete Liste von Aktionen, die ein Benutzer ausführen könnte. Während die <ul> für eine Liste von Anzeigeelementen gedacht ist, eignet sie sich nicht so gut für interaktive Elemente.

<menu type="toolbar"> <li><button>Cut</button></li> <li><button>Copy</button></li> <li><button>Paste</button></li></menu>

Ein Menü enthält eine Reihe von Aktionen, die durch <button>-Elemente in ihnen ausgelöst werden. Ansonsten verhält sich das Element <menu> nicht anders als eine gewöhnliche Liste von Elementen. Mit zunehmender Verbreitung von Browsern können unterstützende Technologien diese interaktiven Elemente leichter finden.

Es gibt viele kleinere Änderungen, die ständig in der Spezifikation erscheinen und ihren Weg in die Browser finden. Behalten Sie die Update-Seiten der einzelnen Browser im Auge und werfen Sie einen Blick auf den WHATWG-Standard.

Diese Informationen sind ursprünglich im Web Designer Magazin erschienen. Entdecken Sie alle Web Designer Artikel auf CB.

• 8 HTML-Tags, die Sie verwenden sollten (und 5, die Sie vermeiden sollten)
• Wie Sie Ihre UX plattformübergreifend vereinheitlichen
• 16 atemberaubende Websites mit Parallaxen-Scrolling