XHTML, HTML und CSS

1 ... (X)HTML & CSS - Einführung ... 21
... 1.1 ... Am Anfang war HTML ... 21
... 1.2 ... HTML 4.0 und CSS ... 26
... 1.3 ... Der Schritt von HTML zu XHTML ... 28
... 1.4 ... Die Gegenwart von HTML und XHTML ... 30
... 1.5 ... Der Schritt von CSS 1.0 zu CSS 2.1 ... 31
... 1.6 ... Die Zukunft von HTML und XHTML ... 32
... 1.7 ... Die Zukunft von CSS ... 33
... 1.8 ... Zusammenfassung ... 33

2 ... (X)HTML - Die Syntaxgrundlagen ... 35
... 2.1 ... Grundsätzliches über SGML- und XML-Markupsprachen ... 35
... 2.2 ... HTML als SGML-Anwendung ... 43
... 2.3 ... XHTML als XML-Anwendung ... 48
... 2.4 ... Zusammenfassung ... 55

3 ... (X)HTML - die Dokumentstruktur ... 57
... 3.1 ... Die Wahl der geeigneten Sprachversion ... 57
... 3.2 ... Grundaufbau von HTML- und XHTML-Dokumenten ... 60
... 3.3 ... Aufbau und Aufgaben des Dokumentkopfes ... 65
... 3.4 ... Aufbau und Aufgaben des Dokumentkörpers ... 69
... 3.5 ... Die Doctype-Deklaration und ihre Bedeutung ... 76
... 3.6 ... Beispiele für HTML-Grundstrukturen mit Doctype ... 79
... 3.7 ... Zusammenfassung ... 83

4 ... CSS Grundsyntax ... 85
... 4.1 ... Die Grundsyntax von CSS ... 85
... 4.2 ... Selektoren und Style-Einbindung ... 92
... 4.3 ... Das CSS-Boxmodell ... 105
... 4.4 ... Zusammenfassung ... 107

5 ... Seitenlayout mit CSS ... 109
... 5.1 ... Grundüberlegungen zum Seitenaufbau ... 109
... 5.2 ... Umsetzung der Bereiche in Quellcode - Floatlayout ... 114
... 5.3 ... Quelltextreihenfolge und Accessibility ... 119
... 5.4 ... Umsetzung der Bereiche in Quellcode - Positionslayout ... 122
... 5.5 ... Zusammenfassung ... 128

6 ... (X)HTML im Contentbereich ... 131
... 6.1 ... Contentmarkup mit Textabsätzen und Überschriften ... 131
... 6.2 ... Inlineelemente zur Textauszeichnung ... 137
... 6.3 ... Der Hyperlinkcontainer, revisited ... 142
... 6.4 ... Eingebettete Medien ... 146
... 6.5 ... Listen ... 148
... 6.6 ... Tabellen ... 151
... 6.7 ... Formulare ... 156
... 6.8 ... Zusammenfassung ... 163

7 ... Navigationsgestaltung mit CSS ... 165
... 7.1 ... Vorüberlegungen ... 165
... 7.2 ... Navigationsmarkup ... 169
... 7.3 ... Vertikale Navigation ... 174
... 7.4 ... Navigationspräsentation ... 176
... 7.5 ... Vertikale verschachtelte Navigation ... 180
... 7.6 ... Horizontale Navigation ... 183
... 7.7 ... Karteireitermenü auf Listenbasis ... 187
... 7.8 ... Grafikgestützte Navigation auf Listenbasis ... 190
... 7.9 ... Zusammenfassung ... 192

8 ... Code-Aktualisierung nach XHTML ... 195
... 8.1 ... Codeaktualisierung mit HTML Tidy ... 195
... 8.2 ... GUI-Versionen von HTML Tidy ... 206
... 8.3 ... Codeaktualisierung von Hand ... 213
... 8.4 ... Zusammenfassung ... 218

9 ... Webdesign für mobile Clients ... 219
... 9.1 ... Welche Markup-Sprache für mobile Geräte? ... 219
... 9.2 ... Technische Randbedingungen mobiler Geräte ... 220
... 9.3 ... Displays von Mobilgeräten ... 221
... 9.4 ... Design für mobile Geräte ... 222
... 9.5 ... CSS für mobile Geräte ... 228
... 9.6 ... Test von Mobil-Designs mit Opera ... 233
... 9.7 ... Test von Mobil-Designs mit Openwave Phone Simulator ... 236
... 9.8 ... Zusammenfassung ... 237

10 ... Barrierefreiheit und Accessibility ... 239
... 10.1 ... Barrierefreiheit - für wen? ... 239
... 10.2 ... Das Einmaleins der Barrierearmut ... 244
... 10.3 ... Zusammenfassung ... 269

11 ... Werkzeuge für Webdesigner ... 271
... 11.1 ... Editoren ... 271
... 11.2 ... Toolbars und weitere nützliche Werkzeuge ... 276
... 11.3 ... Tools, Plug-ins und Erweiterungen ... 287
... 11.4 ... Textbrowser und Textbrowser-Simulationen ... 288

12 ... HTML-Sprachfamilien ... 293
... 12.1 ... Die Vergangenheit: HTML-Versionen 1.0 bis 3.2 ... 293
... 12.2 ... Verpasste Chancen: HTML+ und HTML 3.0 ... 298
... 12.3 ... HTML 4.0 und HTML 4.01 ... 303
... 12.4 ... XHTML 1.0 und XHTML 1.1 ... 308
... 12.5 ... Bausteine: Die Modularisierung von XHTML ... 312
... 12.6 ... Die Hostlanguage: XHTML Basic ... 339
... 12.7 ... Die Zukunft: XHTML 2.0 ... 340
... 12.8 ... HTML ohne W3C: HTML 5.0 ... 346
... 12.9 ... HTML für mobile Endgeräte ... 350
... 12.10 ... XHTML für mobile Endgeräte ... 355

13 ... XForms und XFrames ... 359
... 13.1 ... XForms ... 359
... 13.2 ... XFrames ... 399
... 13.3 ... Zusammenfassung ... 407

14 ... (X)HTML-Elementreferenz ... 409
... 14.1 ... a ... 411
... 14.2 ... abbr ... 430
... 14.3 ... acronym ... 433
... 14.4 ... address ... 437
... 14.5 ... applet ... 439
... 14.6 ... area ... 446
... 14.7 ... b ... 454
... 14.8 ... base ... 458
... 14.9 ... basefont ... 463
... 14.10 ... bdo ... 466
... 14.11 ... big ... 473
... 14.12 ... blockquote ... 476
... 14.13 ... body ... 481
... 14.14 ... br ... 493
... 14.15 ... button ... 498
... 14.16 ... caption ... 503
... 14.17 ... center ... 507
... 14.18 ... cite ... 510
... 14.19 ... code ... 512
... 14.20 ... col ... 515
... 14.21 ... colgroup ... 521
... 14.22 ... dd ... 527
... 14.23 ... del ... 530
... 14.24 ... dfn ... 533
... 14.25 ... dir ... 536
... 14.26 ... div ... 539
... 14.27 ... dl ... 549
... 14.28 ... dt ... 554
... 14.29 ... em ... 557
... 14.30 ... embed ... 560
... 14.31 ... fieldset ... 569
... 14.32 ... font ... 573
... 14.33 ... form ... 580
... 14.34 ... frame ... 592
... 14.35 ... frameset ... 604
... 14.36 ... h1 - h6 ... 615
... 14.37 ... head ... 618
... 14.38 ... hr ... 621
... 14.39 ... html ... 626
... 14.40 ... i ... 633
... 14.41 ... iframe ... 635
... 14.42 ... img ... 643
... 14.43 ... input ... 655
... 14.44 ... ins ... 671
... 14.45 ... isindex ... 674
... 14.46 ... kbd ... 679
... 14.47 ... label ... 681
... 14.48 ... legend ... 685
... 14.49 ... li ... 688
... 14.50 ... link ... 693
... 14.51 ... listing ... 704
... 14.52 ... map ... 706
... 14.53 ... marquee ... 708
... 14.54 ... menu ... 715
... 14.55 ... meta ... 719
... 14.56 ... nextid ... 738
... 14.57 ... noframes ... 740
... 14.58 ... noscript ... 744
... 14.59 ... object ... 748
... 14.60 ... ol ... 759
... 14.61 ... optgroup ... 765
... 14.62 ... option ... 768
... 14.63 ... p ... 772
... 14.64 ... param ... 775
... 14.65 ... plaintext ... 779
... 14.66 ... pre ... 781
... 14.67 ... q ... 785
... 14.68 ... s ... 789
... 14.69 ... samp ... 791
... 14.70 ... script ... 794
... 14.71 ... select ... 803
... 14.72 ... small ... 809
... 14.73 ... span ... 812
... 14.74 ... strike ... 815
... 14.75 ... strong ... 817
... 14.76 ... style ... 819
... 14.77 ... sub ... 826
... 14.78 ... sup ... 828
... 14.79 ... table ... 830
... 14.80 ... tbody ... 845
... 14.81 ... td ... 851
... 14.82 ... textarea ... 863
... 14.83 ... tfoot ... 871
... 14.84 ... th ... 875
... 14.85 ... thead ... 887
... 14.86 ... title ... 892
... 14.87 ... tr ... 894
... 14.88 ... tt ... 900
... 14.89 ... u ... 903
... 14.90 ... ul ... 905
... 14.91 ... var ... 910
... 14.92 ... xmp ... 912

15 ... (X)HTML-Attributreferenz ... 915
... 15.1 ... Standardattribute in HTML und XHTML ... 915
... 15.2 ... Standard Eventhandler-Attribute ... 919
... 15.3 ... Microsoft-Erweiterungen - Eventhandler ... 928
... 15.4 ... Microsoft-Erweiterungen - Standardattribute ... 947

16 ... Referenz HTML Entities ... 955
... 16.1 ... HTML-Entities und Character-Entities ... 955

17 ... URL-Encoding und Language-Codes ... 971
... 17.1 ... URL-Encoding ... 971
... 17.2 ... Language Codes nach RFC 1766 ... 974

18 ... Farben und Farbwerte ... 979
... 18.1 ... Farbnamen und Farbwerte ... 979

19 ... CSS-Referenz ... 991
... 19.1 ... Grundlagen ... 991
... 19.2 ... CSS At-Rules ... 1003
... 19.3 ... CSS Selektoren CSS 1 und 2 ... 1006
... 19.4 ... Werte und Maßeinheiten ... 1023
... 19.5 ... Properties CSS 1 und 2 ... 1028
... 19.6 ... Browserspezifische Properties ... 1121
... 19.7 ... Doctype-Switching und das CSS-Boxmodell ... 1127

A ... W3C-Ressourcen ... 1137
... A.1 ... W3C-Spezifikationen ... 1137
... A.1.1 ... W3C Ressourcen zu HTML ... 1139
... A.1.2 ... W3C Ressourcen zu XHTML 1 ... 1141
... A.1.3 ... W3C Ressourcen zu XHTML 2 ... 1145
... A.1.4 ... W3C Ressourcen zu CSS 1 und 2 ... 1146
... A.1.5 ... W3C Ressourcen zu CSS 3 ... 1147
... A.1.6 ... Weitere CSS-Ressourcen ... 1155
... A.1.7 ... W3C Ressourcen zu XML ... 1156
... A.1.8 ... W3C-Ressourcen zu SVG ... 1158
... A.1.9 ... W3C Ressourcen zu Accessibility ... 1160
... A.1.10 ... Weitere W3C-Ressourcen ... 1161

B ... Weitere Ressourcen ... 1165
... B.1 ... WHAT WG Initiative ... 1165
... B.2 ... Mobiles Web ... 1166
... B.3 ... Browser und Browserspezifikationen ... 1167
... B.4 ... Webdeveloper-Tools ... 1169
... B.4.1 ... Validatoren ... 1169
... B.4.2 ... Toolbars ... 1170
... B.4.3 ... Accessibility Tools ... 1171
... B.5 ... Foren und Webzines ... 1172
... B.6 ... Editoren ... 1173
... B.6.1 ... Quelltexteditoren ... 1173
... B.6.2 ... WYSISWYG-HTML-Editoren ... 1175

C ... Inhalt der Begleit-CD ... 1177
... C.1 ... Quellcodebeispiele - Einführungskapitel ... 1177
... C.2 ... Quellcodebeispiele - Referenzkapitel HTML ... 1177
... C.3 ... Tools und Werkzeuge ... 1177
... C.3.1 ... Hilfsprogramme ... 1177
... C.3.2 ... Editoren ... 1177

Index ... 1179