John Smith with a flacon of HTML N°5 perfume

HTML5

≻ Leitfaden für Webentwickler

Kapitel 2: Struktur und Semantik für Dokumente

Auf dieser Seite finden Sie alle im Buch HTML5: Leitfaden für Webentwickler verwendeten Beispiele, Grafiken und Links für dieses Kapitel. Die erste Tabelle listet Beispiele und Grafiken mit Seitenzahlen im Buch auf, stellt Links (sofern relevant) zur Online-Version der Seite sowie Angaben zur Browserkompatibilität bereit und zeigt eine Vorschau der Abbildung im Buch. Beim Klick auf dieses Vorschaubild wird die Abbildung in Originalgröße im Format JPEG geladen. Die zweite Tabelle listet alle URLs auf, die im Buch auf den jeweiligen Seiten genannt sind. Für Feedback und Bug-Reports stehen ihnen E-Mail sowie ein eigenes Ticket-System zur Verfügung, in dem Sie neue Kommentare absetzen und bestehende Kommentare / Errata auch Online mitverfolgen können.

SeiteBeispiel / GrafikScreenshot
36Abbildung 2.1: Das fiktive HTML5-Blog

Erstellt mit Firefox 3.6

Läuft mit Firefox 3.6, Opera 10.6, Chrome 6, Safari 5, IE 9b

Screenshot
37Abbildung 2.2: Das Grundgerüst der HTML5-Blog-Kopfzeile

Erstellt mit Firefox 3.6

Läuft mit Firefox 3.6, Opera 10.6, Chrome 6, Safari 5, IE 9b

Screenshot
39Abbildung 2.3: Das Grundgerüst des HTML5-Blog-Inhalts

Erstellt mit Firefox 3.6

Läuft mit Firefox 3.6, Opera 10.6, Chrome 6, Safari 5, IE 9b

Screenshot
41Abbildung 2.4: Das Grundgerüst der HTML5-Blog-Fußzeile

Erstellt mit Firefox 3.6

Läuft mit Firefox 3.6, Opera 10.6, Chrome 6, Safari 5, IE 9b

Screenshot
42Abbildung 2.5: Das Grundgerüst der HTML5-Blog-Randspale

Erstellt mit Firefox 3.6

Läuft mit Firefox 3.6, Opera 10.6, Chrome 6, Safari 5, IE 9b

Screenshot
45Abbildung 2.6: Beispiel für »figure« mit »figcaption«

Erstellt mit Firefox 3.6

Screenshot
46Abbildung 2.7: Zwei Beispiele für die Ruby-Annotation

Erstellt mit Chrome 6

Läuft mit Chrome 6, Safari 5, IE 9b

Screenshot
SeiteURL
35http://code.google.com/webstats/
36http://www.w3.org/TR/html-markup/
36http://www.whatwg.org/specs/web-apps/current-work/multipage/sections.html
37http://html5.komplett.cc/code/chap_structure/blog.html
37http://html5.komplett.cc/code/chap_structure/blog.css
38http://code.google.com/p/html5shim/
38http://ejohn.org/blog/html5-shiv/
43http://www.w3.org/TR/css3-background/#the-border-radius
43http://www.w3.org/TR/css3-background/#box-shadow
43http://gsnedders.html5.org/outliner/