HTML5 Grundgerüst
Der wesentliche Unterschied zwischen HTML 4 und HTML 5 ist das strikte Trennen des Layouts vom Content;
aus diesem Grund wurden sehr viele Attribute für das Seitenlayout in HTML5 verworfen, das Erscheinungsbild der Webseite findet, abgesehen von den entsprechenden Containerelementen, nurmehr über CSS statt.
Ein typisches Grundgerüst einer HTML 5 Seite sieht folgendermaßen aus:
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8" />
<title>Seitentitel</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
</body>
</html>Der Titel, sowie die Beschreibung (description) sollte natürlich angepasst werden: Jede Seite sollte einen eindeutigen Titel haben, die Beschreibung muss nicht unbedingt angegeben werden. (besser ist keine Beschreibung als eine schlechte)
Der eigentliche Inhalt der Seite befindet sich innerhalb des "<body>"-Tags. CSS-Stylesheets werden meist über eine externe Datei geladen, in dem Beispiel: style.css. Für die Definition der Style-Sheets, siehe auch: CSS-Grundlagen
Ein Überblick über gültige HTML5 Tags haben wir in folgender Liste zusammengefasst: html-tag-liste
HTML und Umlaute
Die Meta-Beschreibung zur Kodierung: <meta charset="ISO-8859-1" /> muss mit der Kodierung des Dokumentes zusammenpassen:
Ist das Dokument mit ISO 8859-1 oder windows-1252 kodiert (also als ISO 8859-1 oder windows-1252 abgespeichert) und in HTML steht UTF-8 werden beispielsweise � anstelle von ä ö ü angezeigt,
Wenn das Dokument mit UTF-8 kodiert ist und in HTML ISO 8859-1 oder windows-1252 steht werden die Umlaute mit ä ö ü oder so ähnlich ausgegeben.
Die Kodierung kann übrigens auch mittels PHP Header angepasst werden:
<?php
header('Content-Type: text/html; charset=UTF-8');
?>oder in der .htaccess Datei:
AddDefaultCharset UTF-8
({{pro_count}})
{{percentage}} % positiv
({{con_count}})
DANKE für deine Bewertung!
Fragen / Kommentare
(sortiert nach Bewertung / Datum) [alle Kommentare(neueste zuerst)]
hallo ja, was GENAU gebe ich denn im head bereich dann ein, wenn umlaute nicht dargestellt werden?
User: Beytunc Ich habe alle mögliche varianten ausprobiert,gibt immer ohne deutsche Umlaute aus in Latin
User: Marcel Epp
Der Tipp:
header('Content-Type: text/html; charset=UTF-8'); hat gerade sehr geholfen! Danke!
User: Elroy *bei msen Umlaute entsprechend kodiert werden* Das stimmt so nicht. Ich verwende bei all meinen Webseiten utf-8 und habe noch nie Umlaute kodieren msen damit sie richtig angezeigt werden. utf-8 entht auch die deutschen Umlaute.
Danke für den Hinweis: hab nochmal nachgelesen und den Artikel angepasst: denke jetzt sollte es stimmen ...
Beitrag erstellt von Bernhard
User: Toby warum wird das \"html\" nicht geclodes? nicht mehr notwendig?
stimmt: gehört natürlich dazu, hab ich angepasst.
Beitrag erstellt von Bernhard