|
XHTML Aufbau
Ich gebe zu das ich im HTML Kurs den Aufbau der Seitenheader, also den Teil der Seite der zwischen <head> und </head> liegt, doch sehr vernachlässigt habe. Deswegen sei das hier nachgeholt. Im wesentlichen stimmen die Definitionen überein. Reine XML Elemente sind in rot gekennzeichnet
Ich erkläre das ganze anhand der Dokumentendefinition einer gültigen HTML 4.0 Seite. Dieser hier nämlich. Am Anfang jeder Seite stand bisher die DOCTYPE Definition
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
In Zukunft sollte diese so aussehen
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " "DTD/xhtml1-strict.dtd" >
Eine kurze Begriffserklärung : Strict beschreibt nochmals daß Ihr Euch exakt an den HTML 4.0 oder XML 1.0 Standard haltet. Wenn Ihr Style Sheets oder Scriptsprachen in Eurem Dokument benutzt sollte hier Transitional stehen und falls Ihr vorhabt ein Frameset zu benutzen, benutzt bitte Frameset. Damit ist sichergestellt das Eure Seiten optimal vom Browser berechnet werden. Außerdem wird die DOCTYPE Zeile von verschiedenen Seitenprüfprogrammen verwendet.
Hier kurz der Quelltext für ein 100 % gültiges XHTML Dokument.
<?xml version="1.0" encoding="ISO-8859-1"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " "DTD/xhtml1-strict.dtd" >
<html xmlns="http://www.w3c.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta name="Author" ...>
<title>Virtual Library</title>
</head>
<body>
<p>Moved to <a href="http://www.vlib.org/">vlib.org</a>.</p>
</body>
</html>
Der Teil <?xml version="1.0" enc... ist nur nötig wenn Ihr einen anderen Zeichensatz als UTF-8 oer UTF-16 benutzen wollt.
META Tags im HEAD Bereich
Wieder am Beispiel meiner Seite, sehen etwa so aus :
<meta name="Author" content="Autorenname"><meta http-equiv="content-language" content="de">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="publisher" CONTENT="Autor">
<meta name="copyright" CONTENT="Autor">
<meta name="revisit-after" CONTENT="10 days">
<meta name="ROBOTS" CONTENT="INDEX, FOLLOW">
<meta name="keywords" content=" ">
Erläuterung
| <meta name="Author" content="Autorenname"> |
| Definiert den Author dieser Seiten bzw. den Verantwortlichen. |
| <meta http-equiv="content-language" content="de"> |
| Definiert die Sprache der Texte (HTTP 1.0 und RFC1766) |
| <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> |
| Definiert den verwendeten Charactersatz ( iso-xxxx-x ) und den MIME Type der Datei. |
| <meta name="publisher" CONTENT="Autor"> |
| gibt an wer die Seite veröffentlicht hat. |
| <meta name="copyright" CONTENT="Autor"> |
| gibt an bei wem das ev. Copyright für die Texte und Inhalte der Seite liegt. |
| <meta name="revisit-after" CONTENT="10 days"> |
| Angabe für Suchrobots der sie auffordert nach 10 Tagen wiederzukommen um Ihre Suchergebnisseggflls. zu aktualisieren. |
| <meta name="ROBOTS" CONTENT="INDEX, FOLLOW"> |
| verbietet Suchprogrammen theoretisch, Inhalte aus der HTML-Datei an Suchdatenbanken zu übermitteln |
| <meta name="keywords" content=" "> |
| definiert die Schlüsselwörter für Suchprogramme |
META-Angaben gibt es noch mehr. Eine komplette Referenz findet Ihr auf den Seiten des W3C Konsortiums.
Das soll es erstmal gewesen sein, zu den grundlegensten Grundlagen. Wie man nun eine Seite aufbaut, warum und einige neue Elemente von XML, findet Ihr auf der nächsten Seite.