Abo
  • Services:

W3C legt ersten Entwurf von HTML 5 vor

Neue Elemente und abgeworfene Altlasten in HTML 5

Gut zehn Jahre nach der letzten HTML-Fassung liegt jetzt der erste Entwurf von HTML 5 vor. Die offene und lizenzfreie Spezifikation soll das bestehende HTML um "Rich Web Content" erweitern. Neue Schnittstellen, um zweidimensionale Grafiken zu zeichnen, die bessere Einbettung von Video- und Audioinhalten sowie zahlreiche neue Elemente zur besseren Auszeichnung in HTML-Seiten sind die Besonderheiten von HTML 5.

Artikel veröffentlicht am ,

Derzeit geraten Webtechnologien wieder etwas in Bewegung: Erst kündigt Microsoft eine bessere Unterstützung von Standards mit dem Internet Explorer 8 an und soll sogar den Acid2-Test bestehen, die Macher des Acid2-Tests arbeiten seit kurzem an einem Nachfolgetest, Microsoft erwägt, gemeinsam mit dem Web Standards Project ein Metatag einzuführen, das den Internet Explorer nur auf Wunsch den neuen Standardmodus nutzen lässt und schließlich veröffentlicht das World Wide Web Consortium (W3C) den lange erwarteten Nachfolger von HTML 4, der jedoch nicht XHTML heißt.

Inhalt:
  1. W3C legt ersten Entwurf von HTML 5 vor
  2. W3C legt ersten Entwurf von HTML 5 vor

Der Entwurf zum kommenden HTML-5-Standard ist in großen Teilen dem Vorschlag der WHATWG (Web Hypertext Application Technology Working Group) entnommen. Derzeit liegen zwei Dokumente vor: zum einen der eigentliche HTML-5-Arbeitsentwurf (Working Draft) und zum anderen ein Dokument, das die Unterschiede zwischen HTML 4 und 5 näher erläutert.

HTML 5 führt zahlreiche neue Elemente in die Auszeichnungssprache ein, die vor allem die Bedeutung von Teilen einer HTML-Seite stärker in den Vordergrund rücken lassen. Webentwickler können dank der neuen Elemente etwas CSS-Code durch nicht notwendige Klassen und IDs sparen und Suchmaschinen könnten die Bedeutung einzelner Teile der Webseite besser verstehen oder etwa die obligatorische Navigation auf einer Webseite aus dem Suchergebnis ausschließen, welche in HTML durch das Element

<nav>

gekennzeichnet werden soll.

Stellenmarkt
  1. über duerenhoff GmbH, Freising
  2. Rundfunk Berlin-Brandenburg (rbb), Berlin

Zu den neuen Elementen gehören auch

<article>

,

<section>

,

<header>

,

<footer>

und

<aside>

, die allesamt den HTML-Code übersichtlicher machen und die so genannte "Div-Suppe" vermeiden helfen. In HTML 5 könnte eine Seite etwa wie folgt aussehen (vereinfachte Darstellung):

<body>
   <header>Logo, Firmenname etc</header>
   <nav>Vor, Zurück</nav>
   <article>Artikelinhalt</article>
   <article>Artikelinhalt2</article>
   <footer>Impressum, Links, AGB etc.</footer>
</body>

Verglichen mit der Auszeichnung in HTML 4 wird hier einiges an Code gespart:

<body>
   <div id="head">Logo, Firmenname etc</div>
   <div id="nav">Vor, Zurück</div>
   <div class="article">Artikelinhalt</div>
   <div class="article">Artikelinhalt2</div>
   <div id="footer">Impressum, Links, AGB etc.</div>
</body>

In beiden Fällen lässt sich die Benutzung von zu vielen Klassen und IDs durch geschickte Nutzung von Vererbung oder Selektoren in CSS vermeiden, das geht jedoch meist auf Kosten der Übersichtlichkeit im CSS-Code.

W3C legt ersten Entwurf von HTML 5 vor 
  1. 1
  2. 2
  3.  


Anzeige
Hardware-Angebote
  1. 899€
  2. ab 399€

kernel 22. Jul 2008

Oh man, erst waren die Tabellen die, die obsolet geworden sind und jetzt sollen es DIVs...

King Euro 25. Jan 2008

Das sollte bloß n Witz sein! :-/

Kai123 24. Jan 2008

Serverseitig geht das schon (hattest du ja auch geschrieben) Clientseitig könntest du so...

GodsBoss 24. Jan 2008

Was hat "target" bei Links mit HTML (4.01) contra XHTML (1.0) zu tun?

bernardo 24. Jan 2008

nichts...


Folgen Sie uns
       


Google Pixel 3 XL - Test

Das Pixel 3 XL ist eines von zwei neuen Smartphones von Google. Das Gerät soll dank Algorithmen besonders gute Fotos machen - in unserem Test kann Google dieses Versprechen aber nur bedingt halten.

Google Pixel 3 XL - Test Video aufrufen
Augmented Reality: Das AR-Fabrikgelände aus dem Smartphone
Augmented Reality
Das AR-Fabrikgelände aus dem Smartphone

Derzeit ist viel von einer Augmented Reality Cloud die Rede. Golem.de hat mit dem Berliner Startup Visualix über den Stand der Technik und künftige Projekte für Unternehmenskunden gesprochen - und darüber, was die Neuerungen für Pokémon Go bedeuten könnten.
Ein Interview von Achim Fehrenbach

  1. Jarvish Motorradhelm bringt Alexa in den Kopf
  2. Patentantrag Apple plant Augmented-Reality in der Windschutzscheibe
  3. Magic Leap Lumin OS Erste Bilder des Betriebssystems für Augmented Reality

Neuer Kindle Paperwhite im Hands On: Amazons wasserdichter E-Book-Reader mit planem Display
Neuer Kindle Paperwhite im Hands On
Amazons wasserdichter E-Book-Reader mit planem Display

Amazon bringt einen neuen Kindle Paperwhite auf den Markt und verbessert viel. Der E-Book-Reader steckt in einem wasserdichten Gehäuse, hat eine plane Displayseite, mehr Speicher und wir können damit Audible-Hörbücher hören. Noch nie gab es so viel Kindle-Leistung für so wenig Geld.
Ein Hands on von Ingo Pakalski


    Probefahrt mit Tesla Model 3: Wie auf Schienen übers Golden Gate
    Probefahrt mit Tesla Model 3
    Wie auf Schienen übers Golden Gate

    Die Produktion des Tesla Model 3 für den europäischen Markt wird gerade vorbereitet. Golem.de hat einen Tag in und um San Francisco getestet, was Käufer von dem Elektroauto erwarten können.
    Ein Erfahrungsbericht von Friedhelm Greis

    1. 1.000 Autos pro Tag Tesla baut das hunderttausendste Model 3
    2. Goodwood Festival of Speed Tesla bringt Model 3 erstmals offiziell nach Europa
    3. Elektroauto Produktionsziel des Tesla Model 3 erreicht

      •  /