Referat HTML5 - Basis des zukünfitgen Web?

Hans.Mittendorfer.Uni-Linz, 25. März 2012, 21:33

Auszeichnungssprachen sind nicht alles

HTML (HyperText Markup Language) ist eine Auszeichnungssprache, keine Programmier- oder Skriptingsprache und konzentriert sich auf die strukturelle Beschreibung vernetzter (daher die Bezeichnung "Web"), multimedialer Dokumente. Doch die Praxis im World Wide Web hat sich vom ursprünglich hypertextuellen, nicht-sequentiellen Lesen und Schreiben weit entfernt. Das aktuelle Web inkorporiert die Mutanten der klassischen Medien ebenso wie betriebliche Anwendungen. Deshalb gibt es HTML-Zusätze wie Javascript, Flash, Silverlight oder Video-Plug-Ins wie Apple QuickTime, Windows Media Player und Real Player.

Adobe Flash ist einer der Zusätze mit hoher Verbreitung (Quelle, Hersteller: 20.3.2011), aber kein vom zuständigen Gremium, dem W3C, als Standard, sondern als "Web content technology" eingestufte Technik und damit proprietär. Also den wirtschaftlichen Interessen des Softwareherstellers unterworfen.

HTML5 wurde 2004 von der WHATWG (Quelle: 20.3.2011), einem Zusammenschluss von Browser-Herstellern - und nicht dem W3C - vorgestellt.  Mittlerweile ist HTML5 in den Themenkatalog des W3C (Quelle: 20.3.2011) aufgenommen, jedoch derzeit noch kein Standard (Quelle: 22.3.2011). HTML5 könnte die proprietären Technologien (manchmal als "Industriestandard" bezeichnet) ablösen, aber stattdessen die Interessen mancher Browser-Hersteller in den Vordergrund rücken.

Wie wichtig Standards für die künftige Entwicklung der Menschheit eingestuft werden, soll nachfolgender Videobeitrag der ISO, der "International Organization for Standardization" (Website der Organisation) demonstrieren. Standards sollen zur Schonung der Umwelt beitragen, die Sicherheit im öffentlichen und privaten Raum erhöhen, der freien Meinungsäußerungen in Wort, Schrfit und Bild dienen, die Demokratisierung aller Gesellschaften vorantreiben.

Videobeitrag: ISO
Quelle: http://www.youtube.com/watch?v=4Te-Chr6eCU

Erweiterungen

HTML5 erweitert die bisher standardisierten Versionen von HTML bzw. XHTML um Funktionen, die bisher nur mit Zusätzen möglich waren, vor allem im Bereich eingebetteter Videos und Flash-Anwendungen. Zusätzlich werden HTML-Dokumente nach semantischen Aspekten strukturiert, so dass diese auch von Maschinen "gelesen" und besser interpretiert werden können.

Audio und Videos einbetten

Der neu implementierte "<Video>"-Tag besitzt zwar ähnliche Attribute wie diese in Vorversionen im Tag "<embed>" üblich waren, benötigt aber zum Abspielen im Browser keine der oben angeführten Zusätze mehr. Videos der Formate "MPEG-4" und/oder "Ogg Theora" können aktuelle Browser selbständig darstellen und steuern.

Analoges gilt für die Einbindung von Audio-Dateien mit dem <audio>-Tag. In diesem Fall stehen  Formate "MP3", "AAC" oder "Ogg Vorbis" zur Auswahl.

MPEG-4, AAC und MP3 unterliegen lizenzrechtlicher Einschränkungen (Quelle: 22.3.2011). "Ogg Theora" und "Ogg Vorbis" werden zur lizenzfreien Nutzung (Quelle: 22.3.2011) angeboten.

Verbreitung

Derzeit unterstüzen HTML5  in unterschiedlichen Ausprägungen aktuelle Versionen nachfolgedner Browser:

  • Firefox
  • Google Chrome
  • Internet Explorer
  • Opera
  • Appel Safari

Manche Browser geben Videos nur im mpeg-Format wieder, mache nur im ogg-Format. Youtube nutzt mpeg, bzw. einen Sub-Standard unter der Adresse: m.youtube.com bereits, um "Flash-lose" Videos zu verteilen. "m" steht für "mobile" und deutet darauf hin, dass Videos auf Mobilgeräten nicht oder künftig nicht mehr mit der Flash-Technologie verbreitet werden (sollen).

Die Website "HTML5 Demos and Examples" bietet einen Überblick über die wesentlichen Funktionen und deren Implementierung in die obgenannten Browser. Sie können Ihren aktuell benutzten Browser auch einem  HTML5-Kompatibilitäts-Test unterziehen.

Connector: Stadards

Semantische Dokument-Struktur

Um HTML-Dokumente einer semantischen Struktur zu unterziehen, diese in Sinnabschnitte zu unterteilen, wurden folgende Tags in HTML5 eingeführt

Canvas

Das Canvas (Leinwand)-Element wendet sich vor allem an Anwendungen, die bisher fast ausschließlich mit der Web Content-Technologie "Flash" realisiert wurden. Nach dem derzeitigen Stand der Entwicklung von HTML5 können Anwendungen in Mächtigkeit und Umfang zwar noch nicht mit Flash-Anwendungen konkurrieren, aber einfache Implementierungen stehen zum Ausprobieren bereit.

Beispiel (Quelle: 20.3.2011), erfordert HTML5-kompatiblen Browser:

Einbettung von Programmiersprachen und Datenbankabfragen

HTML5 besitzt darüber hinaus auch Elemente, welche die Einbettung von Codeteilen, die zur Entwicklung von Web-Applikationen benötigt wird, besser unterstützen als bisher.

Basisliteratur

Peter Kröner: "HTML5 - Webseiten innovativ und zukunftssicher", München 2010

10 comments :: Kommentieren

HTML lernen

Tanja.Braun.uni-sbg, 26. März 2012, 12:00

Für alle, die sich auch ein bisschen an HTML versuchen wollen: Zum Einstieg sind SELFHTML (XHTML & HTML4) bzw. w3schools.com (HTML5) gute Lernplattformen (wie ich finde). Hier findet man außerdem auch nochmal Informationen zur Entstehung von Internet, Web, Web-Technologien etc. 

Verlinken :: Kommentieren

Contribution

Alexander.Obwexer.Uni-Sbg, 26. März 2012, 12:07

Einordnung-Zusammenhänge

Verlinken :: Kommentieren

Gerald.Stollnberger.Uni-Sbg, 4. April 2012, 17:46

Der Beitrag gab den Anstoß mir Html 5 auch mal genauer anzusehn und was ich wirklich unglaublich finde ist WebGL..

Dabei handelt es sich um eine Technik bei der der Browser zu unglaublichen grafischen Leistungen fähig wird, indem er die Grafikkarte des Rechners auf dem er läuft verwenden kann, dies war bisher - meines Wissens - nicht möglich.

Ein Beispiel zum testen findet ihr hier bei der Wasseranimation.

Hierfür muss euer Browser WebGL unterstützden was ihr hier testen könnt.

Das diese Technik auch auf Smartphones Verwendung findet, ist es besonders beeindruckend, diese Demo am Handy anzusehn.

Für alle die keinen WebGL fähigen Browser haben gibt es auch ein kleines Youtube Video.

Weitere Informationen in Kürze in meinem Blog

Verlinken :: Kommentieren

Die Wasseranimation..

Hans.Mittendorfer.Uni-Linz, 4. April 2012, 18:58

.. ist wirklch beeindruckend und zeigt die Stärken von HTML5 besonders unter der Prämisse, dass keine (proprietären) Zusätze (Plug-Ins) notwendig sind. Hoffentlich findet HTML5 rasch zum Standard und entsprechender Verbreitung.

Verlinken :: Kommentieren

Spiele in und mit HTML5

Christoph.Honeder.Sbg, 16. April 2012, 11:15

Ich finde deinen Beitrag sehr gelungen und habe ihn als Ausgangspunkt für meinen eigenen Osterbeitrag genommen. In meinem Blog gehe ich kurz auf die Spielewelt von HTML5 ein. Ich bin der Meinung, dass HTML5 in Zukunft Flash als Grundkonstrukt für Spiele ablösen wird. Wie das funktioniert, welche Spiele es bereits gibt und mit welchen Browsern man am besten HTML5-Spiele erleben kann erfahrt ihr hier.

Verlinken :: Kommentieren

Statement

Veronika.Fagerer.uni-sbg, 9. April 2012, 11:39

Mein Blog enthält einen Beitrag zu der Konkurrenz- bzw. Übergangsversion zu HTML 5 der XHTML 2-Version.

zum Beitrag

Verlinken :: Kommentieren

Canvas und Offline Web Apps

Tanja.Braun.uni-sbg, 11. April 2012, 19:32

In meinem Statement habe ich mir nochmal zwei Features von HTML5 genauer angesehen. Das Canvas Element, welches in der Sitzung schon kurz angesprochen wurde sowie Offline Web Anwendungen, die durch HTML5 ermöglicht werden. Falls euch das auch interessiert, dann schaut gerne mal auf meinen Blog

Verlinken :: Kommentieren

Verbreitung von HTML5

Felix.Antoine.Uni-Sbg, 19. April 2012, 13:46

In meinem Blogeintrag beschäftige ich mich damit, inwieweit HTML5 schon heute als Standard im Web gilt. Viel Spass beim lesen!

Verlinken :: Kommentieren

HTML 5 versus XHTML 2.0

Stephanie.Wagner-Berger.uni-sbg, 21. April 2012, 13:47

In meinem Statement widme ich mich der Entwicklung und Enstehung von HTML 5 und der Konkurrenzspezifikation XHTML 2.0.

Verlinken :: Kommentieren

Statement zu HTML5

Alex.Schimming.uni-sbg, 21. April 2012, 14:58

In meinem Statement zu diesem Thema gehe ich - im Kurzen - auf den Umgang der dominierenden Kommunikationsunternehmen mit HTML5 ein. 

Verlinken :: Kommentieren


To prevent spam abuse referrers and backlinks are displayed using client-side JavaScript code. Thus, you should enable the option to execute JavaScript code in your browser. Otherwise you will only see this information.