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

 

positive Bewertung({{pro_count}})
Beitrag bewerten:
{{percentage}} % positiv
negative Bewertung({{con_count}})

DANKE für deine Bewertung!



Fragen / Kommentare


(sortiert nach Bewertung / Datum) [alle Kommentare(neueste zuerst)]

✍anonym
27.03.2020 23:00
hallo
ja, was GENAU gebe ich denn im head bereich dann ein, wenn umlaute nicht dargestellt werden?

✍anonym
18.11.2016 10:14
User: Beytunc 
Ich habe alle mögliche varianten ausprobiert,gibt immer ohne deutsche Umlaute aus in Latin

✍anonym
06.04.2014 15:45
User: Marcel Epp 
Der Tipp:
header('Content-Type: text/html; charset=UTF-8'); hat gerade sehr geholfen! Danke!

✍anonym
23.02.2013 16:05
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.
✍Bernhard
gepostet am 23.02.2013 16:05
Danke für den Hinweis: hab nochmal nachgelesen und den Artikel angepasst: denke jetzt sollte es stimmen ...

Beitrag erstellt von Bernhard

✍anonym
12.10.2012 10:42
User: Toby 
warum wird das \"html\" nicht geclodes?  nicht mehr notwendig?
✍Bernhard
gepostet am 12.10.2012 10:42
stimmt: gehört natürlich dazu, hab ich angepasst.

Beitrag erstellt von Bernhard

✍anonym
19.11.2011 23:27
User: hey ich bins 
echt cooool