Ich lerne css und bin nicht (noch) in der Lage ein css tutorial zu schreiben. Ich lerne aber immer mehr das css mehr ist als reine anwenden von div, align und hover

Semantik im Webdesign

Jedes einzelne html-Element hat eine semantische Bedeutung. Daher können nur "richtig" gestaltete Webseiten von Google als richtig und wertvoll anerkannt werden. Wenn wir also gefunden werden wollen und eine wenig Suchmachinenoptimierung betrieben wollen, kommen wir an der ursprünglichen Bedeutung der html Elemente nicht vorbei. Diese Web Standards setzt da klar den Maßstab.

Eine Checkliste für Webstandards sollten Sie kennen. Quelle: (unten auch in Deutsch). Zusammengefaßt sagt der Autor:

eine den Webstandards entsprechende Seite sollte im Idealfall schlank, aufgeräumt, CSS-basierend, zugänglich, nutzer- und suchmaschinenfreundlich gestaltet sein.

Damit ich mich von Anfang an dran gewöhne schreibe ich diesen Artikel. Wer will das den nicht? Also frisch ans Werk und die Basics gelernt.

doctype

Vieles beginnt im Kopf. Wenn verwundert es - bei Webseiten und dem Webdesign auch. Der doctype bestimmt das markup der Seite. Da ich für meine und zukünftige Kundenprojekte YAML einsetze lohnt sich eine intensive Beschäftigung mit dem Thema. Hier der typische deutsche doctype von yaml(). 

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>

cite

schaut man sich den Quellcode Seite kann kann man gut abschauen, wie bestimmte Dinge vom W3C Kon

Du mußt das Rad nicht neu erfinden. Lerne bei den Besten

Gute Quellen sind: * doctype - was ist ein doctype * Checkliste für Webstandards