anmeldung

Einleitung

Im Rahmen der Lehrveranstaltung "Nutzung Interaktiver Medien" habe ich mit dem Thema der aktuellen Sprachen des Internets auseinander gesetzt.

( Hier geht es zur Kurzpräsentation via SlideRocket)

Ein bedeutender Teil unseres Lebens spielt sich im WorldWideWeb ab. Social Networks verlagern immer mehr unser privates Leben in die virtuelle Welt. Was man dabei schnell vergessen mag ist worauf die Millionen von Webseiten  die es gibt eigentlich basieren - nämlich auf der Auszeichnungssprache HTML. Und so wie sich das Web wieterentwickelt hat, so hat sich natürlich auch die Auszeichnungssprache dahinter weiter entwickelt. Mit der HTML - Version 4.0 und 4.1 wurde ein entscheidender Schritt gesetzt- nämlich die Trennung von Struktur und Inhalt. Die Einbindung von Stylesheets ermöglicht nun die Darstellung.

Das Web wird zunehmend bestimmt durch Maschinen; Suchmaschinen durchforsten das Internet und möchten so viel brauchbare Information wie nur möglich aus jeder einzelnen Seiten "herausbekommen". Um das zu ermöglichen geht es in der aktuellen Entwicklung der Internetsprachen vor allem darum, die Struktur möglichst gut beschreiben zu können damit die (Such-)Maschinen möglichst viel damit anfangen können. Einen großen Beitrag dazu kann die aktuelle Version 5 leisten.

 HTML 5 vs XHTML 2

Um den Forderungen der Benutzer nach besseren Webapplikationen gerecht zu werden,um mehr Menschen die Möglichkeit zu geben, auf Webinhalte zuzugreifen, unabhängig davon, welches Gerät sie verwenden, und um bessere Suchergebnisse zu erzielen, müssen die Auszeichnungssprachen aktualisiert bzw. ersetzt werden - dies geschieht genau mit HTML 5 und XHTML 2. Leider wurden die Arbeiten zu Letzterer vom W3C eingestellt. Die Sprache HTML 5 wird erstmals in der Geschichte von einer Arbeitsgruppe von Browserherstellern angeführt. HTML 5 wird als der Neue Internetstandard gehandelt und ermöglicht es z.B. Videoinhalte,Soundinhalte und Games ganz ohne zusätzliche Software wiederzugeben. Das ist ein Meilenstein in der Weiterentwicklung des Internets (http://meiert.com/de/publications/translations/xhtml.com/xhtml-5-vs-xhtml-2/)

Im Folgenden sollen nun die wesentlichsten Änderungen die mit der Version 5 einhergehen veranschaulicht werden.

html 5

Wichtig zu wissen ist, dass sich HTML 5 noch im Entwicklungsstadium befindet  und es daher noch zu Änderungen kommen kann.

VIDEO WIEDERGABE

HTML 5 soll die Einbindung von Videos revolutionieren. Ganz ohne Flash und anderer Plug-ins sollen die zukünftigen Browser auskommen. Mit HTML 5 geht die Einbindung von Videos ganz einfach mittels dem <video> - Tag:

Das Ogg-Theora-Video mit dem Namen myVideo.ogg wird folgendermaßen eingebaut:

Im Gegensatz zu früher ist diese Einbindung viel unkomplizierter.

Folgende Attribute können im video-Tag eingebunden werden:

(src, width und height, controls, poster, autoplay, loop, autobuffer)

http://www.chip.de/artikel/HTML5-Videos-einbinden-leicht-gemacht-2_43464461.html

Das Codec-Problem

Die Wiedergabe von Clips erfolgt im Format H.264 oder dem Ogg - Format. Zur Zeit unterstützen die verschiedenen Browser unterschiedliche Formate (siehe Abb 1 unten). So müssen Webentwickler ein Video in beiden Formaten in der Webseite implementieren um sicher gehen zu können, dass diese auch wirklich abgespielt werden können. Es ist dringend nötig, dass sich die Browser auf einen einheitlichen Standard einigen, damit die weitere Ausbreitung von HTML 5 nicht gebremst wird. (http://www.chip.de/artikel/HTML5-Das-Web-von-morgen-2_41539464.html)

Abbildung 1: Quelle: http://www.chip.de/artikel/HTML5-Das-Web-von-morgen-2_41539464.html,

SOUND -WIEDERGABE

Soundinhalte die man als Benutzer oder Benutzerin im Browser selbst steuern kann waren bisher auch oft auf Flash-Basis. Ohne viel Aufwand können nun Audioplayer mit den grundlegenden Funktionen eingebunden werden.

http://www.chip.de/artikel/HTML5-Das-Web-von-morgen-3_41539494.html

Wie bei den Videocodecs müssen sich die Browser auch hier auf einen einheitlichen Audio-Codec einigen:

Abbildung 2: Quelle: http://www.chip.de/artikel/HTML5-Das-Web-von-morgen-3_41539494.html

Weitere Elemente

Neben den zwei Haupterneuerungen bei der Video und Sound-Einbindung wurden in HTML 5 noch viele weitere Elemente eingeführt, die den Inhalt einer Internetseite besser strukturieren sollen als bisher:

Das Dialog Element

Das dialog-Element soll den Sprecher und seine Aussage identifizieren. Innerhalb des dt-Elements steht der Sprecher, innerhalb des dd-Elements soll das Zitat bzw. die Aussage des Sprechers stehen. (http://meiert.com/de/publications/translations/xhtml.com/xhtml-5-vs-xhtml-2/)

Bsp:

<dialog>

  <dt> Albert Einstein</dt>

 <dd> Man muss die Welt nicht verstehen, man muss sich nur darin zurechtfinden</dd>

</dialog>

http://www.deecee.de/funny-stuff/sprueche-zitate/beruehmte-zitate.html

Das mark-Element

Dieses nützliche Element repräsentiert markierten bzw. hervorgehobenen Text. Dies ist vor allem nützlich, wenn Webseiten dynamisch als Ergebnis einer Schlüsselwort-Suche erzeugt werden. Wenn das Schlüsselwort in einer Seite enthalten ist, dann kann es mit dem mark-Element hervorgehoben werden. Ein Beispiel:

<p> Ein <m>Schnee</m>mann ist eine menschenähnliche Skulptur, die aus <m>Schnee</m> besteht.

Weitere eingeführte Elemente sind das

• figure-Element um Bildern zum Beispiel eine Über- bzw. Unterschrift zu geben
• nav-Element soll einen Bereich repräsentieren welcher Links zu anderen Seiten enthält

http://meiert.com/de/publications/translations/xhtml.com/xhtml-5-vs-xhtml-2/

 Weiterführende Links

http://www.peterkroener.de/html5-was-geht-heute-schon-was-geht-nicht-der-grosse-ueberblick/

http://html5test.com/ html 5 test, wie gut dein browser html 5 unterstützt

http://www.html5spiele.de/ - HTML 5 - Gameseite

 Ausführliche Dokumentation von Herrn Professor Mittendorfer and dieser Stelle

Quellen

http://meiert.com/de/publications/translations/xhtml.com/xhtml-5-vs-xhtml-2/, 10.05.2011

http://www.chip.de/artikel/HTML5-Das-Web-von-morgen_41539437.html, 06.05.2011

http://www.chip.de/artikel/HTML5-Videos-einbinden-leicht-gemacht_43464179.html, 06.05.2011

http://www.deecee.de/funny-stuff/sprueche-zitate/beruehmte-zitate.html