Ein div-Element ist ein Block-Element, was weitere Block-Elemente aufnehmen kann. Es ist "nur" eine bedeutungslose "Hülle", um andere HTML-Elemente zu gruppieren.
Hier einfach mal ein kleines Beispiel (dabei teilen die div-Elemente die Seite in grobe Teile auf):
HTML-Code:
<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
<title>Beschreibung der Seite</title>
</head>
<body>
<div id="header">
<h1>Meine Seite</h1>
<p>Unterüberschrift zu meiner Seite, die sich um Webdesign und Internet dreht.</p>
</div>
<div id="navigation">
<ul>
<li><a href="/index.html" title="Hier geht es zurück zur Startseite.">Startseite</a></li>
<!-- weitere Menüpunkte -->
</ul>
</div>
<div id="content">
<h2>Hier eine Überschrift</h2>
<p>Hier ist dann der Inhalt mit seinem ganzen Text usw..</p>
<!-- weiterer Inhalt -->
</div>
<div id="footer">
<ul>
<li><a href="/impressum.html" title="Hier gelangen Sie zur Anbieterkennzeichnung nach §5 des Tele-Medien-Gesetzes">Impressum</a></li>
<!-- weitere weniger-wichtige Links -->
</ul>
</div>
</body>
</html>
Zitieren