HTML 5 Handbuch
Total Page:16
File Type:pdf, Size:1020Kb
60345-4_U1+U4 12.05.14 14:31 Seite 1 Stefan Münz / Clemens Gull Aus dem Inhalt: • Webseitenerstellung heute • HTML und XHTML Münz / Gull / Münz • Dateikonventionen und Referenzierung • Zeichenkodierung in HTML5 • Quirks- und Kompatibilitätsmodi HTML5 der Browser Handbuch • Textstrukturierung • Kopf- und Fußleisten, Navigation, Seitenleisten HTML5 ist die Sprache des Web. Und das HTML5- • Textauszeichnungen Handbuch von Stefan Münz und Clemens Gull ist die • Mathematische Formeln in HTML5 Grammatik dazu. Wie einst die von Stefan Münz mit- • Tabellen in HTML5 begründete Onlinereferenz SELFHTML beantwortet dieses Buch alle Fragen zum neuen Internetstandard. • Hyperlinks: Aufbau, Anker, Ping-Funktion, Deeplinks Immer wichtiger wird dabei die Ausgabe auf Smart- phones und Tablets, deshalb ist diesem Thema hier • Grafik und Multimedia ein eigenes Kapitel gewidmet. Auch das nicht mehr • Pixel- und Vektorgrafik wegzudenkende jQuery wird behandelt. Das unver- • Das neue canvas-Element Der zichtbare Standardwerk für jeden Webprofi! • Eingebettete Audio- und neue Münz: Videoressourcen Die Systematik des neuen HTML 10. Auflage Seit über 15 Jahren Mit HTML5 ist so viel möglich wie nie zuvor, aber es dient • JavaScript-Framework jQuery das unerreichte weiterhin im Wesentlichen dazu, Webseiteninhalte zu deutschsprachige strukturieren. Anhand konkreter Beispiele führen die Auto- Über die Autoren: Stefan Münz / Clemens Gull Standardwerk ren Stefan Münz und Clemens Gull die Leser detailliert an Stefan Münz ist der zu HTML. die Systematik der neuen Websprache heran – nichts bleibt geistige Vater und außen vor. ursprüngliche Autor der bekannten Online- Aktive Inhalte einbinden dokumentation Dieses Buch zeigt, wie Sie vektorgrafische und Multimedia- SELFHTML. Elemente ganz einfach in HTML5 umsetzen und so Ihrer Kreativität freien Lauf lassen. Darüber hinaus erfahren Sie, Clemens Gull ist als wie Sie Imagemaps umsetzen und aktive Inhalte in Ihre Dozent für die Fachhoch- Seiten integrieren. schule Salzburg aktiv. Sein Weblog „Guru 2.0“ Das optimale Design für jedes Gerät mit CSS3 (www.guru-20.info) HTML5 Breiten Raum nimmt auch die Gestaltung mithilfe von gehört zu den meist- Cascading Style Sheets (CSS) ein. Anhand vieler praktischer gelesenen deutsch- Beispiele erfahren Sie, wie Sie CSS3 optimal einsetzen und sprachigen Blogs zum Handbuch Thema Internetprogram- Ihre Inhalte durch Media Queries dem verwendeten Endgerät mierung. anpassen. b So setzen Sie anspruchsvolle Web-Layouts mit HTML5 und CSS um Alle wichtigen Infos stets zur Hand Alle Codebeispiele dieses b Webseiten für jedes Endgerät: Media Queries für Mobile Devices Fester Bestandteil dieses Buchs ist ein umfangreicher Referenz- Buchs finden Sie unter: HTML5 Handbuch b teil, in dem Sie alle HTML5-Elemente, -Attribute und -Events http://webkompetenz.wikidot.com/ JavaScript-Framework jQuery für dynamische Webseiten nutzen sowie CSS-Eigenschaften finden. Darüber hinaus enthält der docs:html-handbuch b Umfangreicher Referenzteil für HTML und CSS zum Nachschlagen Referenzteil eine Zeichenreferenz sowie eine Übersicht über die im Internet verwendeten Sprachenkürzel. Besuchen Sie 40,– EUR [D] / 41,20 EUR [A] unsere Website ISBN 978-3-645-60345-4 www.franzis.de 60345-4_Titelei_X 12.05.14 14:31 Seite 1 Stefan Münz / Clemens Gull HTML5 Handbuch 60345-4_Titelei_X 12.05.14 14:31 Seite 3 Stefan Münz / Clemens Gull HTML5 Handbuch b So setzen Sie anspruchsvolle Web-Layouts mit HTML5 und CSS um b Webseiten für jedes Endgerät: Media Queries für Mobile Devices b JavaScript-Framework jQuery für dynamische Webseiten nutzen b Umfangreicher Referenzteil für HTML und CSS zum Nachschlagen 60345-4_Titelei_X 12.05.14 14:31 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 von den Autoren mit größter Sorgfalt erarbeitet bzw. zusammengestellt und unter Einschaltung wirksamer Kontrollmaßnahmen reproduziert. Trotzdem sind Fehler nicht ganz auszuschlie- ßen. Der Verlag und die Autoren sehen sich deshalb gezwungen, darauf hinzuweisen, dass sie weder eine Garan- tie noch die juristische Verantwortung oder irgendeine Haftung für Folgen, die auf fehlerhafte Angaben zurückge- hen, übernehmen können. Für die Mitteilung etwaiger Fehler sind Verlag und die Autoren jederzeit dankbar. Inter- netadressen oder Versionsnummern stellen den bei Redaktionsschluss verfügbaren Informationsstand dar. Verlag und die Autoren übernehmen keinerlei Verantwortung oder Haftung für Veränderungen, die sich aus nicht von ih- nen zu vertretenden Umständen ergeben. Evtl. beigefügte oder zum Download angebotene Dateien und Informa- tionen dienen ausschließlich der nicht gewerblichen Nutzung. Eine gewerbliche Nutzung ist nur mit Zustimmung des Lizenzinhabers möglich. © 2014 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 Produktbezeichnungen im Wesentlichen den Schreibweisen der Hersteller. Programmleitung: Dr. Markus Stäuble Satz: DTP-Satz A. Kugge, München art & design: www.ideehoch2.de Druck: C.H. Beck, Nördlingen Printed in Germany ISBN 978-3-645-60345-4 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...............................................29 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 .....................................................62 2.4.2 Quirks-, Standards- und Kompatibilitätsmodus................................65 6 Inhaltsverzeichnis 3 Dokument-Kopfdaten..................................................................................