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