HTML5-Handbuch
Total Page:16
File Type:pdf, Size:1020Kb
Professional Series HTML5-Handbuch von Clemens Gull, Stefan Münz 1. Auflage Franzis-Verlag 2011 Verlag C.H. Beck im Internet: www.beck.de ISBN 978 3 645 60151 1 schnell und portofrei erhältlich bei beck-shop.de DIE FACHBUCHHANDLUNG 60151-1 U1+U4 04.11.2011 14:23 Uhr Seite 1 Aus dem Inhalt: Know-how Stefan Münz / Clemens Gull Stefan Münz / Clemens Gull • Webseitenerstellung heute ist blau. • HTML und XHTML • Der HTML5-Dokumententyp • Dateikonventionen und Referenzierung • Zeichenkodierung in HTML5 • Quirks- und Kompatibilitätsmodi HTML5 der Browser • Textstrukturierung Handbuch • Kopf- und Fußleisten, Navigation, Seitenleisten • Textauszeichnungen HTML5 ist die Sprache des Web. Und das HTML5-Handbuch • Mathematische Formeln in HTML5 von Stefan Münz und Clemens Gull ist die Grammatik dazu. • Tabellen in HTML5 Wie einst die von Stefan Münz mitbegründete Online- • Hyperlinks: Aufbau, Anker, referenz SELFHTML beantwortet dieses Buch alle Fragen Ping-Funktion, Deeplinks • Grafik und Multimedia zum neuen Internetstandard. Immer wichtiger wird dabei Handbuch die Ausgabe auf Smartphones und Tablets, deshalb ist • Pixel- und Vektorgrafik diesem Thema hier ein eigenes Kapitel gewidmet. • Das neue canvas-Element Das unverzichtbare Standardwerk für jeden Webprofi! • Eingebettete Audio- und Video- ressourcen Ǡ Die Systematik des neuen HTML • Aktive Inhalte Mit HTML5 ist so viel möglich wie nie zuvor, aber es dient weiterhin • Formulare und Interaktion im Wesentlichen dazu, Webseiteninhalte zu strukturieren. Anhand • Mikrodaten und Mikroformate 2. Auflage konkreter Beispiele führen die Autoren Stefan Münz und Clemens • Verknüpfung von HTML5 und Gull die Leser minutiös an die Systematik der neuen Websprache ECMA/JavaScript heran – nichts bleibt außen vor. • ECMA-/JavaScript-Grundlagen • JavaScript: Unobtrusive Programming Ǡ Aktive Inhalte einbinden • Veraltetes HTML Dieses Buch zeigt, wie Sie vektorgrafische und Multimedia- • Cascading Style Sheets Elemente ganz einfach in HTML5 umsetzen und so Ihrer Kreativität • Media-Queries für mobile Devices HTML5 freien Lauf lassen. Darüber hinaus erfahren Sie, wie Sie Imagemaps umsetzen und aktive Inhalte in Ihre Seiten integrieren. Über die Autoren: Stefan Münz ist der geistige Handbuch Ǡ Das optimale Design für jedes Gerät mit CSS3 Vater und ursprüngliche Autor Breiten Raum nimmt auch die Gestaltung mithilfe von Cascading der bekannten Onlinedokumen- Style Sheets (CSS) ein. Anhand vieler praktischer Beispiele erfahren tation SELFHTML und des weit Sie, wie Sie CSS3 optimal einsetzen und Ihre Inhalte durch Media verbreiteten HTML-Handbuchs, das > Die neuen Features von HTML5 im Franzis Verlag erschienen ist. Queries dem verwendeten Endgerät anpassen. > Webseiten für jedes Endgerät: Media Queries für mobile Devices Clemens Gull ist als Dozent für Ǡ Alle wichtigen Infos stets zur Hand die Fachhochschule Salzburg > So setzen Sie anspruchsvolle Web-Layouts mit HTML5 und CSS um Fester Bestandteil dieses Buchs ist ein umfangreicher Referenzteil, aktiv. Sein Weblog „Guru 2.0“ (www.guru-20.info) gehört zu in dem Sie alle HTML5-Elemente, -Attribute, HTML5-Events sowie den meistgelesenen deutsch- > Umfangreicher Referenzteil für HTML und CSS zum Nachschlagen CSS-Eigenschaften finden. Darüber hinaus enthält der Referenzteil sprachigen Blogs zum Thema HTML5 eine Zeichenreferenz sowie eine Übersicht über die im Internet Internetprogrammierung. verwendeten Sprachenkürzel. Alle Codebeispiele dieses Buchs finden Sie unter: http://webkompetenz.wikidot.com/ Münz / Gull docs:html-handbuch Zukunftsorientierte Webseiten erstellen 40,– EUR [D] Besuchen Sie unsere Website Die Webgrammatik für ISBN 978-3-645-60151-1 www.franzis.de das Internet der Zukunft 60151-1 Titelei:X 04.11.2011 14:23 Uhr Seite 1 Stefan Münz / Clemens Gull HTML5 Handbuch 60151-1 Titelei:X 04.11.2011 14:23 Uhr Seite 3 Stefan Münz / Clemens Gull 2. aktualisierte und erweiterte Auflage HTML5 Handbuch Mit 141 Abbildungen 60151-1 Titelei:X 04.11.2011 14:23 Uhr Seite 4 Bibliografische Information der Deutschen Bibliothek Die Deutsche Bibliothek verzeichnet diese Publikation in der Deutschen Nationalbibliografie; detaillierte Daten sind im Internet über http://dnb.ddb.de abrufbar. Alle Angaben in diesem Buch wurden vom Autor mit größter Sorgfalt erarbeitet bzw. zusammengestellt und unter Einschaltung wirksamer Kontrollmaßnahmen reproduziert. Trotzdem sind Fehler nicht ganz auszuschließen. Der Verlag und der Autor sehen sich deshalb gezwungen, darauf hinzuweisen, dass sie weder eine Garantie noch die juristische Verantwortung oder irgendeine Haftung für Folgen, die auf fehlerhafte Angaben zurückgehen, übernehmen können. Für die Mitteilung etwaiger Fehler sind Verlag und Autor jederzeit dankbar. Internetadressen oder Versionsnummern stellen den bei Redaktionsschluss verfügbaren Informationsstand dar. Verlag und Autor übernehmen keinerlei Verantwortung oder Haftung für Veränderungen, die sich aus nicht von ihnen zu vertretenden Umständen ergeben. Evtl. beigefügte oder zum Download angebotene Dateien und Informationen dienen ausschließlich der nicht gewerblichen Nutzung. Eine gewerbliche Nutzung ist nur mit Zustimmung des Lizenzinhabers möglich. © 2012 Franzis Verlag GmbH, 85540 Haar bei München Alle Rechte vorbehalten, auch die der fotomechanischen Wiedergabe und der Speicherung in elektronischen Medien. Das Erstellen und Verbreiten von Kopien auf Papier, auf Datenträgern oder im Internet, insbesondere als PDF, ist nur mit ausdrücklicher Genehmigung des Verlags gestattet und wird widrigenfalls strafrechtlich verfolgt. Die meisten Produktbezeichnungen von Hard- und Software sowie Firmennamen und Firmenlogos, die in diesem Werk genannt werden, sind in der Regel gleichzeitig auch eingetragene Warenzeichen und sollten als solche betrachtet werden. Der Verlag folgt bei den Produkt- bezeichnungen im Wesentlichen den Schreibweisen der Hersteller. Lektorat: Anton Schmid Satz: DTP-Satz A. Kugge, München art & design: www.ideehoch2.de Druck: Bercker, 47623 Kevelaer Printed in Germany ISBN 978-3-645-60151-1 5 Inhaltsverzeichnis 1 Intro ............................................................................................................ 15 1.1 Zum vorliegenden Buch .................................................................. 15 1.1.1 Zielgruppen und Ziele..................................................................... 15 1.1.2 Aufbau und Vorgehensweise........................................................... 15 1.1.3 Verwendete Symbole ...................................................................... 16 1.2 Website-Erstellung heute................................................................ 17 1.2.1 Website-Typologie .......................................................................... 18 1.3 Web-Technologien.......................................................................... 21 1.3.1 HTML / XHTML ................................................................................ 21 1.3.2 CSS ................................................................................................ 23 1.3.3 Clientseitiges Scripting ................................................................... 25 1.3.4 Serverseitiges Scripting und Datenbankanbindung ......................... 26 1.3.5 Flash .............................................................................................. 27 1.3.6 XML ................................................................................................ 27 1.4 Software zum Erstellen von Websites.............................................. 30 1.4.1 Code-Editoren................................................................................. 30 1.4.2 Web-Browser .................................................................................. 33 1.4.3 Desktop-Tools ................................................................................ 34 1.4.4 Content-Management-Systeme ....................................................... 37 1.5 Backgrounds .................................................................................. 39 1.5.1 Die Arbeit des W3-Konsortiums....................................................... 39 1.5.2 Quellen, Dokumentation und Hilfe im Web...................................... 41 2 HTML-Dokumente ........................................................................................ 43 2.1 HTML editieren ............................................................................... 43 2.1.1 Grundsätzliche Grammatik von HTML.............................................. 43 2.1.2 Whitespace und interpretierte Bereiche in HTML ............................. 47 2.1.3 Kommentare in HTML...................................................................... 49 2.1.4 Dateikonventionen ......................................................................... 51 2.1.5 Referenzierung ............................................................................... 52 2.2 Zeichenkodierung in HTML.............................................................. 56 2.2.1 Nummerische und benannte Entities............................................... 57 2.3 Dokument-Grundgerüst................................................................... 58 2.3.1 HTML-Dokumenttypen .................................................................... 60 2.3.2 XHTML-Dokumenttypen................................................................... 62 2.4 Backgrounds .................................................................................. 62 2.4.1 Computer und Zeichenkodierung ...................................................