Am Strom der Zeit
Trends und Techniken im World Wide Web entwickeln sich stetig und rasant weiter. Am Puls der Zeit bleiben, heißt die Devise um den Ansprüchen der Kunden gerecht zu werden. Wir sind Up to date und können Ihnen in beinahe jeder Hinsicht helfen.
Haben Sie Fragen zu den neuesten Technik-Trends im Netz?
Wir bleiben ständig am Puls der Zeit und beraten Sie gerne in neuen Geschäftsstrategien!
Ihr Ansprechpartner
Dirk Schultzke
Geschäftsleitung & Beratung
Die Möglichkeiten mit HTML5
HTML5 ist der Entwurf einer Spezifikation, die sich selbst als Obermenge der bestehenden Standards HTML 4.01, XHTML 1.0 und DOM HTML Level 2 definiert. Nach Fertigstellung soll HTML5 diese Standards ersetzen.
Neue Elemente in HTML5
HTML5 bietet viele neue Elementen für die strukturelle Einteilung einer Webseite an, was zur erheblichen Erleichterung der Programmierung führen soll.
Beispiele:
- header Dieses Element beschreibt den Kopfbereich eines Dokuments, beispielsweise mit Titel und Logos
- navUmfasst nun die für die Hauptnavigation relevanten Elemente
- articleUmfasst nun den eigentlichen Inhalt des HTML-Dokumentes
- asideBeheimatet Abschnitte z.B. für inhaltliche Ergänzungen in einem Artikel
Bisher werden in HTML4 sämtliche Gestaltungselemente wie beispielsweise Navigation, Titel und Logos in sogenannte Container (DIV-Elemente) eingeteilt. Diese können bisher lediglich durch ihren Klassennamen (Class) oder ihren Identifikator (ID) identifiziert werden.
Mit HTML5 werden diese unübersichtlichen Strukturen ein wenig entwirrt und die jeweiligen Container bekommen eigene und vordefinierte Namen, die nach wie vor durch CSS gestaltet werden können. Somit wird der Aufbau eines HTML5-Dokumentes wesentlich übersichtlicher ausfallen, als es bisher der Fall war.
Beispiel:
Aufbau eines HTML4-Dokumentes
<html>
<head>
<title> Titel der Seite </title>
</head>
<body>
<div id="header"> ...
<div id="nav"> ...
</div>
</div>
... Inhalt der Seite ...
</body>
</html>
Aufbau eines HTML5-Dokumentes
<html>
<head>
<title> Titel der Seite </title>
</head>
<body>
<header>
...
</header>
<nav>
...
</nav>
... Inhalt der Seite ...
</body>
</html>
Multimedia
Besonders erwähnenswert ist wohl die Tatsache, dass HTML5 eine umfassende Multimediaunterstützung anbietet und somit den Flash-Player in Sachen Audio und Video überflüssig machen könnte. Selbst Youtube.com bietet bereits in einer offenen Betaphase die Option an, Videos im HTML5-Format abzuspielen. Auch einfache Animationen sind mit HTML5 mittels der Elemente "canvas" und "figure" möglich.
Um dieses Video sehen zu können, müssen sie diese Seite mit Safari oder Chrome öffnen oder die Flash-Version hier anschauen.
Browserunterstützung
HTML5 ist noch in der Entwicklung und ebenso sieht es mit der Kompatibilität zu den verschiedenen Browsern aus. In den neusten Versionen von Safari, Chrome und Firefox lassen sich bereits die Elemente zur Wiedergabe von Video und Audio einsetzten. Jedoch ist eine vollständige Unterstützung in den älteren Browsern noch nicht gegeben und es wird auch noch eine Weile dauern bis sich der neue Standard etabliert haben wird.
Dynamic Workflow on Facebook
Dynamic Workflow on Twitter
Dynamic Workflow GmbH & Co. KG
Kaiserstraße 67
60329 Frankfurt
Tel +49 (0) 69 299 20 770
Fax +49 (0) 69 299 20 771
contact@dynamicworkflow.com
Impressum
Dynamic Publicity GmbH
Kaiserstraße 67
60329 Frankfurt
Tel +49 (0) 69 299 20 786
Fax +49 (0) 69 299 20 771
contact@dynamicworkflow.com
Impressum
