HTML and CSS Reference
In-Depth Information
der
head
-Bereich auch Hinweise auf Verknüpfungen zu JavaScript oder CSS-Dateien
beinhalten. Außerdem werden hier auch Apple-spezifische Definitionen unterge-
bracht, die das Verhalten der Seite auf mobilen Endgeräten beeinflusst. Doch dazu
später mehr.
2
<title></title>
Das
title
-Tag definiert den Namen der Webseite, der in der Browserleiste, auf dem
Tab oder in den Suchergebnissen bei Google zu sehen ist.
<body></body>
Der
body
-Bereich beinhaltet alles, was als Inhalt im Browser angezeigt wird. In diesem
Bereich werden Sie sich hauptsächlich tummeln.
<h1></h1>
Eine Überschrift der ersten Ebene (
h
eadline
1
). Viele Browser haben für die verschie-
denen Auszeichnungselemente, wie Überschrift 1 (
h1
), Überschrift 2 (
h2
) usw., schon
vordefinierte Stile, die Sie aber natürlich ohne Probleme anpassen können.
<p></p>
Das
p
-Tag beschreibt einen einfachen Textabsatz (engl.
p
aragraph).
Ihre erste HTML5-Seite wird Ihnen noch häufiger als Grundlage für einige Projekte in
diesem Buch dienen. Also, gut aufbewahren!
(Kleiner) Tipp
Schreiben Sie Tags immer klein. So gibt es keine Browserprobleme, und Sie finden
sich gut zurecht. Versuchen Sie außerdem mit Einrückungen zu arbeiten. Bei einem
komplizierten HTML-Dokument kommt man schnell durcheinander, welcher Tag
noch offen oder bereits wieder geschlossen ist. Durch das Einrücken können Sie die
vorhandene Struktur besser erkennen.
2.2.2 Semantische Elemente in HTML5
HTML5 bietet einige neue Elemente, andere fallen weg und wiederum anderen wird
eine spezielle Funktion zugeordnet. Die wohl wichtigsten neuen Elemente sind sol-
che, die den Gedanken eines
semantischen Webs
unterstützen. Das Prinzip des
semantischen Webs (oder auch
Web 3.0
) ist es, die vorliegenden Informationen nicht
nur nach ihrer Hierarchie, also nach den Überschriften 1-5 und Textabsätzen, zu ord-
Search WWH ::
Custom Search