CSS Boxmania * Einstieg in CSS * Galileo Press * Elisabeth Wetsch * eliZZZa * XHTML und CSS » head http://www.cssboxmania.com Bewegen Sie sich in Ihren Stylesheets wie ein Fisch im Wasser... Wed, 26 Nov 2008 04:53:11 +0000 en hourly 1 http://wordpress.org/?v=3.1.2 Die Bereiche einer (X)HTML-Seite http://www.cssboxmania.com/2008/11/26/bereiche-einer-xhtml-seite/ http://www.cssboxmania.com/2008/11/26/bereiche-einer-xhtml-seite/#comments Wed, 26 Nov 2008 02:50:07 +0000 eliZZZa http://www.cssboxmania.com/?p=98 Die Grundstruktur einer HTML-Seite ist ganz einfach:

<html>
     <head>          
          <title>Seitentitel</title>
          <meta />
          <link />
     </head>
     <body>
     Inhalte
     </body>
</html>

Um eine gültige (valide) XHTML-Datei zu schreiben, bedarf es einiger weniger Ergänzungen:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
     <head>
          <title>Seitentitel</title>
          <meta />
          <link />
     </head>
     <body>
     Inhalte
     </body>
</html>

Ob Ihre Seite im Sinne der vom W3C definierten Webstandards gültig ist, können Sie mit einem entsprechenden Markup-Validator testen.

DTD – DOC TYPE DEFINITION
Der "Vorspann" jeder gültigen XHTML-Seite deklariert, welchen Standards der nachfolgende Code folgt. Moderne HTML-Editoren fügen so eine DTD automatisch an den Anfang einer (X)HTML-Datei ein.

html
Der html-Tag umhüllt den gesamten Dokumentbereich und gilt als das oberste hierarchische Element einer (X)HTML-Datei.

head
Im head-Element befinden sich Anweisungen für Browser, Suchmaschinen und Server. Die Inhalte im head-Element sind auf der Seite selbst nicht sichtbar – jedenfalls nicht direkt.

title
Innerhalb des head-Elements nimmt der title-Tag eine wichtige Stellung ein. Er sollte wichtige Keywords für Suchmaschinen beinhalten, dient als Titel für Lesezeichen und als Titel eines Suchmaschineneintrags.

meta
Verschiedene meta-Tags innerhalb des head-Elements können zusätzliche Informationen für Browser, Server und Suchmaschinen liefern, z.B. den Zeichensatz, den eine Seite verwendet.

link
Externe Dokumente, die von der (X)HTML-Seite benötigt werden, z.B. JavaScript-Dateien oder Stylesheets, werden mit Hilfe von link-Tags verknüpft.

body
Innerhalb des body-Tags werden die Inhalte einer Seite platziert, dies ist der im Browser sichtbare Bereich einer Seite.

]]> http://www.cssboxmania.com/2008/11/26/bereiche-einer-xhtml-seite/feed/ 0