Was unterscheidet das HTML <head>
-Element vom <header>
-Element?
<head>
ist ein Kindelement von <html>
und beschreibt Metadaten, die nicht im eigentlichen Browserfenster dargestellt werden.<header>
bezeichnet in (Enkel-)Kindelement des <body>
-Elementes und zeichnet den sichtbaren Kopfbereich (mit z.B. Logo und Seitentitel) der Seite aus.Wie könnte der Quelltext zu diesem DOM
-Baum aussehen? Kann man einen eindeutigen Quelltext herauslesen?
<div>
<h1>Hello World</h1>
<p>
<span>Text</span>
<span>Text</span>
</p>
</div>
Was ist an diesem Quelltext-Auszug zu beanstanden?
<body>
<h1>Dein Shop!</h1>
<img src="/logo.png" />
<table>
<td>
<nav>
<a href="/">Zur Hauptseite</a>
<a href="/shop">Zum Shop</a>
</nav>
</td>
<td>
<h1>Willkommen in unserem Shop</h1>
<p>Lorem Ipsum ...</p>
</td>
</table>
</body>
<header>
ausgezeichnet<main>
ausgezeichnet<img>
-Element ohne alt
-Attribut<table>
für Layout missbraucht<table>
ohne <tr>
-ElementWas macht ein Browser, wenn er das für ihn unbekannte Element <progress>
darstellen soll?
Er stellt den Text des Elementes als inline
-Element dar.