3c%2fli%3e%3c%2ful%3e%3cul%3e%3cli%3eVerwenden%20Sie%20immer%20Entit%e4ten%20%28z%2eB%2e%20f%fcr%20%u201e%e4%u201c%26nbsp%3b%20%2d%2d%26gt%3b%26nbsp%3b%20%u201e%26amp%3bauml%3b%u201c%29%3c%2fli%3e%3c%2ful%3e%3cspan%20style%3d%22font%2dweight%3a%20bold%3b%22%3e%3c%2fspan%3e%3chr%20style%3d%22width%3a%20100%25%3b%20height%3a%202px%3b%22%3e%3cspan%20style%3d%22font%2dweight%3a%20bold%3b%22%3e%203%2e%20Du%20sollst%20darauf%20achten%20%u201ewell%2dformded%20HTML%u201c%20Seiten%20zu%20erstellen%20III%3a%20korrekte%20Hyperlinks%21%3c%2fspan%3e%3cbr%3e%3cul%3e%3cli%3eF%fcr%20die%20Verlinkung%20von%20elektronischen%20Dokumenten%20in%20einer%20HTML%2dSeite%20ist%20die%20korrekte%20Pfadangabe%20wichtig%2e%3c%2fli%3e%3c%2ful%3e%3cul%3e%3cli%3eHierbei%20werden%20absolute%20von%20relativen%20Pfaden%20unterschieden%2e%20Hyperlinks%20zu%20externen%20Webseiten%20m%fcssen%20als%20absoluter%20Pfad%20gesetzt%20werden%2e%20Eingebundene%20Bilder%20hingegen%20k%f6nnen%20auch%20relativ%20verlinkt%20werden%2c%20um%20die%20Darstellung%20der%20HTML%2dSeite%20auf%20jedem%20System%20auch%20offline%20zu%20gew%e4hrleisten%2e%26nbsp%3b%20Dasselbe%20gilt%20f%fcr%20interne%20Unterseiten%20eines%20HTML%2dProjektes%2e%3c%2fli%3e%3c%2ful%3e%3cul%3e%3cli%3eEbenfalls%20essentiell%20ist%20die%20Gro%df%2d%20und%20Kleinschreibung%20der%20verlinkten%20Dokumente%2e%3c%2fli%3e%3c%2ful%3e%3chr%20style%3d%22width%3a%20100%25%3b%20height%3a%202px%3b%22%3e%3cspan%20style%3d%22font%2dweight%3a%20bold%3b%22%3e4%2e%20Du%20sollst%20die%20strikte%20Trennung%20von%20Inhalt%20und%20Layout%20beachten%21%3cbr%3e%3cbr%3e%3c%2fspan%3eHTML%20strukturiert%20eine%20Seite%20und%20beschreibt%20nicht%20wie%20sie%20aussieht%2e%20Ausschlie%dflich%20%3ca%20href%3d%22http%3a%2f%2fwww%2estud%2etu%2dilmenau%2ede%2f%257Eeldok22%2fHTML%2fCSS%22%3eCSS%20%3c%2fa%3edient%20zur%20Gestaltung%20der%20Seite%2e%20Beachte%20dies%20schon%20mit%20Beginn%20der%20Erstellung%2c%20eine%20nachtr%e4gliche%20Anpassung%20ist%20oft%20unn%f6tig%20und%20zeitaufw%e4ndig%2e%20%3cbr%3e%3chr%20style%3d%22width%3a%20100%25%3b%20height%3a%202px%3b%22%3e%3cspan%20style%3d%22font%2dweight%3a%20bold%3b%22%3e5%2e%20Du%20sollst%20nicht%20mit%20Attributen%20oder%20Elementen%20formatieren%2c%20die%20den%20Status%20%u201edeprecated%u201c%20%3c%2fspan%3e%3cspan%20style%3d%22font%2dweight%3a%20bold%3b%22%3ehaben%21%3cbr%3e%3cbr%3e%3c%2fspan%3eViele%20Formatierungselemente%20und%20Attribute%20in%20HTML%20versto%dfen%20gegen%20die%20strikte%20Trennung%20von%20Inhalt%20und%20Layout%2e%20Demnach%20sollten%20sie%20nicht%20mehr%20verwendet%20werden%20und%20erhalten%20den%20Status%20%u201edeprecated%u201c%20%28z%2eB%2e%20%u201efont%2dTag%u201c%29%2e%20Verwende%20deshalb%20ausschlie%dflich%20Logische%20Auszeichnungen%20%28z%2eB%2e%20%u201eem%2dTag%u201c%20oder%20%u201estrong%2dTag%u201c%29%20anstatt%20Physikalischen%20Auszeichnung%20bzw%2e%20Visuellen%20Auszeichnung%20%28z%2eB%2e%20%u201ei%2dTag%u201c%20oder%20%u201eb%2dTag%u201c%29%2e%3cbr%3e%3chr%20style%3d%22width%3a%20100%25%3b%20height%3a%202px%3b%22%3e%3cspan%20style%3d%22font%2dweight%3a%20bold%3b%22%3e6%2e%20Du%20sollst%20eine%20HTML%2dSeite%20nicht%20mit%20Layouttabellen%20gestalten%21%3cbr%3e%3cbr%3e%3c%2fspan%3eDie%20Verwendung%20von%20Layouttabellen%20verst%f6%dft%20gegen%20die%20strikte%20Trennung%20von%20Inhalt%20und%20Layout%2e%20Inzwischen%20ist%20es%20ohne%20Probleme%20m%f6glich%20tabellenfreie%20Layouts%20mit%20CSS%20zu%20erstellen%2e%3cbr%3e%3chr%20style%3d%22width%3a%20100%25%3b%20height%3a%202px%3b%22%3e%3cspan%20style%3d%22font%2dweight%3a%20bold%3b%22%3e7%2e%20Du%20sollst%20auf%20zu%20viele%20Animationen%2c%20unterschiedliche%20Textfarben%20und%20Schriftarten%20verzichten%21%3cbr%3e%3cbr%3e%3c%2fspan%3eZu%20viel%20verschiedene%20Formatierungen%20und%20blinkende%20Layoutelemente%20k%f6nnen%20leicht%20Verwirrung%20schaffen%2c%20sind%20nicht%20immer%20lesbar%20und%20lenken%20vom%20Inhalt%20ab%2e%3cbr%3e%3chr%20style%3d%22width%3a%20100%25%3b%20height%3a%202px%3b%22%3e%3cspan%20style%3d%22font%2dweight%3a%20bold%3b%22%3e8%2e%20Du%20sollst%20f%fcr%20z%2eB%2e%20Grafiken%20und%20Formularelemente%20immer%20auch%20eine%20Beschreibung%20mittels%20%3c%2fspan%3e%3cspan%20style%3d%22font%2dweight%3a%20bold%3b%22%3e%u201ealt%2dAttribut%u201c%20hinzuf%fcgen%21%3cbr%3e%3cbr%3e%3c%2fspan%3eVerwend%20stets%20das%20%u201ealt%2dAttribut%u201c%20um%20Grafiken%2c%20Bilder%2c%20Formularelemente%2c%20applets%20etc%2e%20zu%20beschreiben%2c%20um%20jedem%20Nutzer%20die%20Chance%20zu%20geben%2c%20die%20Inhalte%20zu%20erfassen%2e%3cbr%3e%3chr%20style%3d%22width%3a%20100%25%3b%20height%3a%202px%3b%22%3e%3cspan%20style%3d%22font%2dweight%3a%20bold%3b%22%3e9%2e%20Du%20sollst%20Nutzergruppen%20nicht%20durch%20Aussagen%20wie%3a%20%u201eoptimiert%20f%fcr%20Internet%20Explorer%204%2e1%2c%20%3c%2fspan%3e%3cspan%20style%3d%22font%2dweight%3a%20bold%3b%22%3eSeaMonkey%205%2e0%2c%20etc%2e%u201c%20oder%20die%20Verwendung%20von%20horizontalen%20Scrollleisten%20ausschlie%dfen%21%3cbr%3e%3cbr%3e%3c%2fspan%3e%3cul%3e%3cli%3eNicht%20alle%20HTML%2dEigenschaften%20und%20CSS%2dRegeln%20funktionieren%20in%20jedem%20Browser%2e%20Es%20handelt%20sich%20dabei%20meist%20um%20zus%e4tzliche%20Layouteffekte%2e%20Versuche%20dich%20auf%20die%20g%e4ngigen%20CSS%2dRegeln%20zu%20beschr%e4nken%2c%20die%20auf%20allen%20Browsern%20