11. Was bringt das?
Zunächst Anlaufwiderstand
Kontrollierte Darstellung
Klarere Struktur des Inhalts
Leichtere Pflege (v.a. im Team)
Schnellere Ladezeiten
Nutzbarkeit auch in Zukun
16. Doctypes
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
HTML-Version
Info für den Browser, wie das
Markup darzustellen ist
Ohne Doctype: „uirks“-Mode
beim IE
17. Semantisches Markup
Nicht-semantisch Semantisch
<font <h1>Hauptüberschrift</h1>
size="7">Hauptüberschrift</font>
<p>Dies ist ein Blindtext-Satz. Er
<font size="3">Dies ist ein steht hier, damit überhaupt ein
Blindtext-Satz. Er steht hier, wenig Text hier steht</p>
damit überhaupt ein wenig Text
<h2>Unter-Überschrift</h2>
hier steht</font>
<p class="eingerueckt" >Dieser
<font size="3">Unter-
Abschnitt soll eingerückt sein.
Überschrift</font>
</p>
<blockquote>Dieser Abschnitt
<p class="abstand-oben">Hier ist
soll eingerückt sein.<blockquote>
Abstand nötig</p>
<br>
<font size="3">Hier ist Abstand
nötig</font>
18. Frames: nicht zu empfehlen
Drucken
URL & Bookmarks
Webseite ≠ Webseite
Suchmaschinen
Mobile Browser
24. Grundlage: HTML 4 – nichts vergessen,
nur dazulernen
Anpassung an heutige Bedürfnisse
Direkte Videowiedergabe
Layout-Elemente, z.B.
<article>, <section>, <header>, <nav>
Zusätzliche Formularelemente, z.B.
Schieberegler, Datumauswahl, E-Mail-Feld etc.
…