Axel Richter: Kurioses hover-Problem bei float/clear

Beitrag lesen

Hallo,

öhm ...
sollten nicht listenelemente geschlossen werden, bevor weitere elemente (<ul>) eingefügt werden?

Nein, das Folgende:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Listen</title>
</head>
<body>
<ul>
 <li>Listenpunkt 1</li>
 <ul>
    <li>Unterlistenpunkt 1.1</li>
    <li>Unterlistenpunkt 1.2</li>
 </ul>
 <li>Listenpunkt 2</li>
 <ul>
    <li>Unterlistenpunkt 2.1</li>
    <li>Unterlistenpunkt 2.2</li>
 </ul>
</ul>
</body>
</html>

ist _falsch_. Im UL-Element dürfen _nur_ LI-Elemente, _nichts_ anderes, stehen.
http://www.w3.org/TR/html4/struct/lists.html#h-10.2

Folgendes:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Listen</title>
</head>
<body>
<ul>
 <!--Start LI-->
 <li>Listenpunkt 1
  <ul>
    <li>Unterlistenpunkt 1.1</li>
    <li>Unterlistenpunkt 1.2</li>
  </ul>
 </li>
 <!--Ende LI-->
 <!--Start LI-->
 <li>Listenpunkt 2
  <ul>
    <li>Unterlistenpunkt 2.1</li>
    <li>Unterlistenpunkt 2.2</li>
  </ul>
 </li>
 <!--Ende LI-->
</ul>
</body>
</html>

ist korrekt, weil die UL-Elemente hier im LI-Element stehen. Dort dürfen sie stehen.

viele Grüße

Axel