O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Durchstarten mit HTML5

Book Description

HTML5 ist die neueste Version der Markup-Sprache, die das Web noch einmal gehörig auf den Kopf stellt. Sie ermöglicht beispielsweise die Einbindung von Audio und Video-Dateien ohne zusätzliches Plugin und unterstützt Webanwendungen, die auch dann noch funktionieren, wenn der User offline ist.

Obwohl die Entwicklung von HTML5 noch nicht abgeschlossen ist, werden viele Elemente von modernen Browsern wie Safari 3, Firefox 3 oder Chrome 3 schon jetzt unterstützt. Zeit also, die Neuerungen zu erkunden und sich fit für die Zukunft zu machen.

Dieses Buch richtet sich an Webentwickler, die HTML-Grundkenntnisse mitbringen und sich ganz auf HTML5 konzentrieren wollen.

Table of Contents

  1. Durchstarten mit HTML5
  2. Vorwort
    1. Einstieg
    2. Die in diesem Buch verwendeten Konventionen
    3. Codebeispiele
    4. Die englische Website zum Buch
  3. 1. Wie wir an diesen Punkt gelangt sind
    1. Einstieg
    2. MIME-Typen
    3. Eine weitschweifige Abschweifung zur Entwicklung von Standards
    4. Eine kontinuierliche Linie
    5. Die HTML-Entwicklung von 1997 bis 2004
    6. Alles, was Sie über XHTML wissen, ist falsch
    7. Eine konkurrierende Vision
    8. Was? Die WHAT Working Group
    9. Zurück zum W3C
    10. Nachtrag
    11. Weitere Lektüre
  4. 2. HTML5-Funktionen abprüfen
    1. Einstieg
    2. Erkennungstechniken
    3. Modernizr: Eine Bibliothek zur HTML5-Erkennung
    4. Canvas
    5. Canvas-Text
    6. Video
    7. Videoformate
    8. Local Storage
    9. Web Worker
    10. Offline-Webanwendungen
    11. Geolocation
    12. input-Typen
    13. Platzhaltertext
    14. Formular-Autofokus
    15. Mikrodaten
    16. Weitere Lektüre
  5. 3. Was all das bedeutet
    1. Einstieg
    2. Die Doctype-Deklaration
    3. Das Wurzelelement
    4. Das <head>-Element
      1. Zeichenkodierung
      2. Link-Relationen
        1. rel = stylesheet
        2. rel = alternate
        3. Andere Link-Relationen in HTML5
    5. Neue semantische Elemente in HTML5
    6. Wie Browser mit unbekannten Elementen umgehen
    7. Kopfleisten und Überschriften
    8. Artikel
    9. Datum und Uhrzeit
    10. Navigation
    11. Fußleisten
    12. Weitere Lektüre
  6. 4. Zeichenstunde
    1. Einstieg
    2. Einfache Figuren
    3. Canvas-Koordinaten
    4. Pfade
    5. Text
    6. Verläufe
    7. Bilder
    8. Was ist mit dem IE?
    9. Ein vollständiges Beispiel
    10. Weitere Lektüre
  7. 5. Video im Web
    1. Einstieg
    2. Videocontainer
    3. Videocodecs
      1. H.264
      2. Theora
      3. VP8
    4. Audiocodecs
      1. MPEG-1 Audio Layer 3
      2. Advanced Audio Coding
      3. Vorbis
    5. Was im Web funktioniert
    6. Lizenzprobleme bei H.264 Video
    7. Ogg-Video mit Firefogg kodieren
    8. Batch-Kodierung von Ogg-Video mit ffmpeg2theora
    9. H.264-Video mit HandBrake kodieren
    10. Batch-Kodierung von H.264-Video mit HandBrake
    11. WebM-Video mit ffmpeg kodieren
    12. Endlich zum Markup
      1. Die MIME-Typen schlagen zurück
    13. Was ist mit dem IE?
    14. Ein vollständiges Beispiel
    15. Weitere Lektüre
  8. 6. Sie befinden sich hier (alle anderen auch)
    1. Einstieg
    2. Die Geolocation-API
    3. Zeige mir den Code
    4. Fehlerbehandlung
    5. Optionen! Ich verlange Optionen!
    6. Was ist mit dem IE?
    7. Die Rettung: geo.js
    8. Ein vollständiges Beispiel
    9. Weitere Lektüre
  9. 7. Lokaler Speicher für Webanwendungen – gestern, heute und morgen
    1. Einstieg
    2. Eine kurze Geschichte des lokalen Speichers vor HTML5
    3. Der erste Auftritt von HTML5 Storage
    4. HTML5 Storage verwenden
      1. Änderungen im HTML5-Speicherbereich nachhalten
      2. Einschränkungen in aktuellen Browsern
    5. HTML5 Storage im Einsatz
    6. Über benannte Schlüssel/Wert-Paare hinaus: Konkurrierende Vorstellungen
    7. Weitere Lektüre
  10. 8. Gehen wir offline
    1. Einstieg
    2. Das Cache-Manifest
      1. Netzwerkabschnitte
      2. Der fallback-Abschnitt
    3. Der Strom der Ereignisse
    4. Die Kunst des Debuggens
    5. Bauen wir die Sache auf!
    6. Weitere Lektüre
  11. 9. Formularwahn
    1. Einstieg
    2. Platzhaltertext
    3. Autofokusfelder
    4. E-Mail-Adressen
    5. Webadressen
    6. Zahlen als Spinboxen
    7. Zahlen als Schieberegler
    8. Datumswähler
    9. Suchfelder
    10. Farbwähler
    11. Eine Sache noch ...
    12. Weitere Lektüre
  12. 10. Mehr Semantik fürs Web
    1. Einstieg
    2. Was sind Mikrodaten?
    3. Das Mikrodaten-Datenmodell
    4. Personen auszeichnen
      1. Google Rich Snippets
    5. Organisationen auszeichnen
    6. Ereignisse auszeichnen
      1. Die Rückkehr von Google Rich Snippets
    7. Rezensionen auszeichnen
    8. Weitere Lektüre
  13. A. Die erschöpfende und fast alphabetische Referenz der Unterstützungserkennung
    1. Liste der Elemente
      1. <audio>
      2. <audio> im MP3-Format
      3. <audio> im Vorbis-Format
      4. <audio> im WAV-Format
      5. <audio> im AAC-Format
      6. <canvas>
      7. <canvas>-Text-API
      8. <command>
      9. <datalist>
      10. <details>
      11. <device>
      12. <form>-Bedingungsvalidierung
      13. <iframe sandbox>
      14. <iframe srcdoc>
      15. <input autofocus>
      16. <input placeholder>
      17. <input type="color">
      18. <input type="email">
      19. <input type="number">
      20. <input type="range">
      21. <input type="search">
      22. <input type="tel">
      23. <input type="url">
      24. <input type="date">
      25. <input type="time">
      26. <input type="datetime">
      27. <input type="datetime-local">
      28. <input type="month">
      29. <input type="week">
      30. <meter>
      31. <output>
      32. <progress>
      33. <time>
      34. <video>
      35. <video>-Überschriften
      36. <video poster>
      37. <video> im WebM-Format
      38. <video> im H.264-Format
      39. <video> im Theora-Format
      40. contentEditable
      41. Dokumentübergreifende Nachrichten
      42. Drag-and-Drop
      43. File-API
      44. Geolocation
      45. History
      46. Lokaler Speicher
      47. Mikrodaten
      48. Offline-Webanwendungen
      49. Serverseitige Events
      50. Sitzungsspeicher
      51. SVG
      52. SVG in text/html
      53. WebSimpleDB
      54. Web-Sockets
      55. Web-SQL-Datenbank
      56. Web Workers
      57. Undo
    2. Weitere Lektüre
  14. Index
  15. Über den Übersetzer
  16. Kolophon