Zwölf Funktionen, die Entwickler von dem kommenden HTML6 erwarten

Veröffentlicht: 2017-01-17

HTML5 hat den phänomenalen Erfolg unter den Entwicklern. Es hat Entwicklern erleichtert, Inhalte mit den neuen Tags wie <article> , <section> , <header> usw. relevanter zu organisieren.

Entwickler genießen die Freiheit, Typattribute von Tags wie <link> und <script> zu verwenden. Obwohl HTML5 einen Paradigmenwechsel in der Webprogrammierung gebracht hat, hat es Einschränkungen bei der Entwicklung nativer Apps im Web und einige andere Probleme.

Als Entwickler möchten Sie immer effektive und effiziente Weblösungen anbieten, und HTML6 soll Ihnen dabei helfen, dieses Ziel zu erreichen. Daher sind Entwickler auf der ganzen Welt bestrebt, HTML6 anzunehmen. Es ist interessant zu sehen, wie die erwarteten Funktionen von HTML6 die Domäne der Webentwicklung verändern würden.

Hier sind einige der beliebtesten Erwartungen der Dev-Community für das kommende HTML6:

Express-Tags

HTML6 dürfte es den Entwicklern mit Express-Tags erleichtern. Mit <logo></logo> können Sie der Webseite ein Logo zuweisen. Ebenso integrieren die Tags <sidebar></sidebar> und <navigation></navigation> die Seitenleiste bzw. die Navigation.

Außerdem könnte das Tag <div> verwendet werden, ohne mehrere IDs zu verwenden. Beispielsweise können Sie einfach <container> oder <wrapper> verwenden, anstatt <div id='container'> und <div id='wrapper'> zu schreiben.

XML-ähnliche Namespaces

Es wird erwartet, dass HTML6 Namensräume mit XML-ähnlicher Struktur enthalten wird. Solche Namespaces helfen Entwicklern, dasselbe Tag ohne Konflikte mit einem anderen Tag zu verwenden. Mit anderen Worten, HTML6 bietet den Vorteil, zusätzlich zu den definierten Tags die gewünschten Tags zu verwenden.

HTML6-Dokument

[xhtml]
<!DOCTYPE html>
<html:html>
<html:head>
<html:title>Ein Blick in HTML6</html:title>
<html:meta type="title" value="Seitentitel">
<html:meta type="description" value="HTML-Beispiel mit Namespaces">
<html:link src="css/mainfile.css" title="Stile" type="text/css">
<html:link src="js/mainfile.js" title="Script" type="text/javascript">
</html:head>
<html:body>
<Kopfzeile>
<logo>
<html:media type="image" src="images/xyz.png">
</logo>
<Navigation>
<html:a href="/img1">a1</a>
<html:a href="/img2">a2</a>
</nav>
</header>
<Inhalt>
<Artikel>
<h1>Überschrift des Hauptartikels</h1>
<h2>Unterüberschrift des Hauptartikels</h2>
<p>[…]</p>
<p>[…]</p>
</article>
<Artikel>
<h1>Das Konzept von HTML6</h1>
<h2>Die Grundlagen verstehen</h2>
<p>[…]</p>
</article>
</Inhalt>
<Fußzeile>
<copyright>Diese Seite ist &copy; zu Anonym 2017</copyright>
</Fußzeile>
</html:body>
</html:html>
[/xhtml]

In diesem Dokument haben wir einige seltsame <html: x> -Tags. Sie sind die Namespace-Elemente, die zur W3C- und HTML6-Spezifikation gehören und nützlich sind, um Browserereignisse auszulösen. Zum Beispiel ändert <html: title> die Titelleiste des Browsers und <html: media> hilft dem definierten Bild, auf dem Browserbildschirm zu erscheinen. Diese Elemente haben nichts mit dem Browser zu tun. Sie können die Entwickler in die Lage versetzen, Beispielcode semantischer zu gestalten.

Zusätzliche Videoobjektsteuerung

HTML6 wird mehr Kontrolle über das Videoobjekt bieten, um das Videoerlebnis für die Benutzer zu verbessern. Den Komprimierungscodec können die Entwickler zwar nicht loswerden, aber mit verschiedenen Komprimierungsalgorithmen anpassen.

Es wird mehr Kontrolle über das Malen von Videoframes auf einer Seite erwartet, zusammen mit besseren Callback-Hooks und Synchronisierungsmechanismen. Wir können auch die Möglichkeit erwarten, DOM mit Video in der kommenden HTML-Version zu mischen.

[xhtml]
<! – Einfaches Videobeispiel –>
<video src="videofile.webm" autoplay poster="posterimage.jpg"> Entschuldigung, Ihr Browser unterstützt keine eingebetteten Videos, aber keine Sorge, Sie können sie <a href="videofile.webm">herunterladen</ a> und sieh es dir mit deinem Lieblings-Videoplayer an!
</video>

<! – Video mit Untertiteln –>
<videosrc="foo.webm">
<track kind="subtitles" src="foo.en.vtt" srclang="en" label="English">
<track kind="subtitles" src= "foo.sv.vtt" srclang="sv" label="Svenska">
</video>
[/xhtml]

Engagierte und reichhaltige Bibliotheken

JQuery hat die Welt von JavaScript im Hinblick auf Standardbibliotheken verändert. Der nächste HTML-Standard könnte mit garantierten Bibliotheken aufwarten, die mit dem Browser verteilt werden. Es würde mehr Zeit sparen, während die zwischengespeicherte Version von jQuery 1.9 aktualisiert wird. Mit anderen Worten, die cachefähige Version von Bibliotheken steht kurz bevor. Wenn viele Designer eine bestimmte Bibliothek verwenden, könnte diese in einer neuen HTML6-Version mit dem Browser verteilt werden.

Verbesserte Anmerkung

Anmerkungen sollten sich nicht auf die Kommentarabschnitte am Ende von Artikeln beschränken. Eine Standardstruktur kann Anmerkungen für Absätze, Sätze und Wörter hinzufügen. Sogar Bilder und Momente in Videos können in einer raffinierten Version kommentiert werden. Die Standardisierung der API ermöglicht es allen Websites und Browsern, grundlegende Anmerkungen auf die gleiche Weise zu behandeln. Verbesserte Annotationsoptionen werden von der Entwickler-Community erwartet.

Kameraintegration

Die Kamera spielt eine wichtige Rolle bei unseren Interaktionen zu Hause und im Büro. Von HTML6 wird erwartet, dass es alle Medieninhalte auf unseren Geräten in vielerlei Hinsicht zulässt. Es könnte mehr Kontrolle über die Kamera über den Browser, Formulare oder andere Systeme bieten. Die Bilderfassung, On-the-Fly-Filterung, Kameraeffekte sind einige der Aspekte, die angesprochen werden können. Eine weitere Möglichkeit besteht darin, mehrere Formate für Video und Fotografie zuzulassen und gleichzeitig die Erstellung von Panoramabildern und HDR zu erleichtern.

Härtere Authentifizierung

Bei der Authentifizierung könnte der Browser mehr bieten. Anstatt Cookies zu verwenden, könnte der Browser beispielsweise anbieten, Token mit eingebetteten Schlüsseln zu signieren, die in gehärteten Chips gespeichert werden können. Es verhindert, dass Personen (sprich: Hacker) über den geheimen Schlüssel Zugriff erhalten. Dem Browser könnte eine API hinzugefügt werden, damit Websites bessere digitale Signaturen anfordern können. In gewisser Weise könnte die Authentifizierung stärker werden, um die Sicherheit zu erhöhen.

Mikroformate

Gemeinsame Details wie Teile einer Adresse oder eine Telefonnummer können mithilfe einer Standardmethode angegeben werden, die in HTML6 als Mikroformate bezeichnet wird. Wir könnten mit einem Standardsatz von Tags eine schnelle Antwort von Webcrawlern und Suchmaschinen erhalten. Entwickler können umfassendere Markups für Orte, Daten, Zeiten, Bibliographien und alle Arten von Standarddaten verwenden, um detaillierte Informationen zu erstellen. Wir können auch mit länderspezifischen Telefoncodes rechnen. Entwickler suchen auch nach Flexibilität beim Ändern des Datumsformats. Im Moment ist es standardmäßig auf das der USA eingestellt. In gewisser Weise würden Mikroformate in HTML6 stärker und flexibler werden.

Vorprozessoren

Pluggable Präprozessoren könnten in HTML6 integriert werden, um Sprachen in JavaScript umzuwandeln. Heute können Lisp, Python, Ruby, Erlang, Scala und viele andere Sprachen in JavaScript kompiliert werden, und die kommende HTML-Version kann einen Präprozessor für dieses Ziel mitbringen. Wenn eine dieser Sprachen in JavaScript querkompiliert wird, entsteht eine kleinere Version, die problemlos über das Internet geleitet werden kann. HTML5 ist eine allgemeine Version von JavaScript, die die Codeoptimierung für den lokalen Computer erschwert.

Pluggable Sprachen

Wir können die Ankunft eines austauschbaren Satzes von Sprachen mit der kommenden HTML-Version nicht ausschließen. Es würde die Flexibilität erhöhen und gleichzeitig mehr Designmöglichkeiten für die Entwickler bieten. Obwohl JavaScript auf breiter Basis weitergeführt werden könnte, könnten in Zukunft spezialisierte Erweiterungen mit einer spezialisierten Sprache auftauchen. Entwickler möchten auch HTML-Tags, die eine Reihe von Codes generieren können, um die Anforderungen zu erfüllen.

Automatisierte Browser-Größenanpassung von Bildern

Das Erscheinungsbild eines Bildes hängt von verschiedenen Aspekten wie der Art der Geräte und der Größe des Fensters ab. Das Standard- <img> -Tag von HTML hat nur einen SRC, der den Browser beim Anzeigen eines Bildes stören kann. Ein besseres HTML-Protokoll könnte jedoch eine gewünschte Breite oder Höhe für ein Bild vorschlagen, und der Server könnte die optimale Auflösung liefern. In gewisser Weise steht die Browser-Größenanpassung von Bildern in HTML6 kurz bevor.

Gesicherter Zugriff auf Kontaktinformationen

Personen oder Besucher möchten oft eine E-Mail-Adresse oder eine Kontaktnummer für die Datenbank ihrer Geräte erhalten. Im Moment können sie dies mit Ausschneiden und Einfügen tun. Es wird erwartet, dass JavaScript Menschen dieses Ausschneiden und Einfügen in der neuen Version von HTML6 ersparen wird. In den Mobilgeräten könnte die Schnittstelle Personen einen geschützten Zugang zu Kontaktinformationen bieten.

Fazit

Das ist nicht alles. Entwickler möchten, dass HTML6 die Formularvalidierung anpassbar macht. Im Moment ist es standardmäßig und nicht änderbar. Darüber hinaus könnte die kommende HTML-Version in der mobilgesteuerten Welt eine Standortverfolgungsfunktion mit GPS in einem mobilen Browser bieten. Einige weitere Feature-Ideen wie Bluetooth-Unterstützung, integrierter Malware-Schutz und die Möglichkeit, Dateien von Peer-to-Peer zu übertragen usw. sind ebenfalls in der Pipeline für das kommende HTML6.

Die Bühne ist bereitet für HTML6. Warten wir, bis die neueste Version kommt, die den Webentwicklungsprozess radikal verändern kann.

Viel Spaß beim Web-Entwickeln!