Abo
  • Services:
Anzeige

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.

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.

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.

Anzeige

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.

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 

eye home zur Startseite
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...


renephoenix.de / 28. Jan 2008

Seite 2 / 24. Jan 2008

Weiter geht's



Anzeige

Stellenmarkt
  1. ADLON Intelligent Solutions GmbH, Ravensburg
  2. octeo MULTISERVICES GmbH, Duisburg
  3. Statistisches Bundesamt, Wiesbaden
  4. operational services GmbH & Co. KG, Frankfurt


Anzeige
Spiele-Angebote
  1. 32,99€
  2. (-37%) 37,99€
  3. (-58%) 24,99€

Folgen Sie uns
       


  1. Autonomes Fahren

    Singapur kündigt fahrerlose Busse an

  2. Coinhive

    Kryptominingskript in Chat-Widget entdeckt

  3. Monster Hunter World angespielt

    Die Nahrungskettensimulation

  4. Rechtsunsicherheit bei Cookies

    EU warnt vor Verzögerung von ePrivacy-Verordnung

  5. Schleswig-Holstein

    Bundesland hat bereits 32 Prozent echte Glasfaserabdeckung

  6. Tesla Semi

    Teslas Truck gibt es ab 150.000 US-Dollar

  7. Mobilfunk

    Netzqualität in der Bahn weiter nicht ausreichend

  8. Bake in Space

    Bloß keine Krümel auf der ISS

  9. Sicherheitslücke

    Fortinet vergisst, Admin-Passwort zu prüfen

  10. Angry Birds

    Rovio verbucht Quartalsverlust nach Börsenstart



Haben wir etwas übersehen?

E-Mail an news@golem.de


Anzeige
Montagewerk in Tilburg: Wo Tesla seine E-Autos für Europa produziert
Montagewerk in Tilburg
Wo Tesla seine E-Autos für Europa produziert
  1. Elektroauto Walmart will den Tesla-Truck
  2. Elektrosportwagen Tesla Roadster 2 beschleunigt in 2 Sekunden auf Tempo 100
  3. Elektromobilität Tesla Truck soll in 30 Minuten 630 km Reichweite laden

Fitbit Ionic im Test: Die (noch) nicht ganz so smarte Sportuhr
Fitbit Ionic im Test
Die (noch) nicht ganz so smarte Sportuhr
  1. Verbraucherschutz Sportuhr-Hersteller gehen unsportlich mit Daten um
  2. Wii Remote Nintendo muss 10 Millionen US-Dollar in Patentstreit zahlen
  3. Ionic Fitbit stellt Smartwatch mit Vier-Tage-Akku vor

E-Golf im Praxistest: Und lädt und lädt und lädt
E-Golf im Praxistest
Und lädt und lädt und lädt
  1. Garmin Vivoactive 3 im Test Bananaware fürs Handgelenk
  2. Microsoft Sonar überprüft kostenlos Webseiten auf Fehler
  3. Inspiron 5675 im Test Dells Ryzen-Gaming-PC reicht mindestens bis 2020

  1. Re: Wer übernimmt die Kosten?

    Cyber | 03:10

  2. Re: Überleben durch Anzahlungen

    DAUVersteher | 02:51

  3. Re: 850 Fachverfahren

    Cok3.Zer0 | 02:31

  4. Re: Nicht jammern, sondern machen

    Cok3.Zer0 | 02:19

  5. Re: Wieder mit veraltetem Betriebssystem?

    Cok3.Zer0 | 02:07


  1. 17:56

  2. 15:50

  3. 15:32

  4. 14:52

  5. 14:43

  6. 12:50

  7. 12:35

  8. 12:00


  1. Themen
  2. A
  3. B
  4. C
  5. D
  6. E
  7. F
  8. G
  9. H
  10. I
  11. J
  12. K
  13. L
  14. M
  15. N
  16. O
  17. P
  18. Q
  19. R
  20. S
  21. T
  22. U
  23. V
  24. W
  25. X
  26. Y
  27. Z
  28. #
 
    •  / 
    Zum Artikel