Innerhalb des Menus die einzelnen Punkte der Datalist mit Seiten verlinken

[Gunnar Bittersmann]

@@Felix Riesterer

<li><a href="#">Suche nach</a>
<form action="#">
<p>
<div class="suche"></div>
<label>
Begriff
<input type="search" list="Suchbegriff"> 
<datalist id="Suchbegriff">...</datalist> 
</label>
<button>finden!</button>
</p>
</form>   
</li>

Dieses Monster ist voller Fehler.

1. <p> darf kein <div> als Kindelement enthalten

Deshalb wird das p-Element auch beim Einlesen des <div>-Tags geschlossen. Das div-Element ist also nicht als Kindelement in dem p-Element enthalten, sondern folgt als Geschwisterelement nach diesem.

Irgendwann kommt dann ein </p>-Tag, das zu keinem offenen p-Element gehört. Da ruft der Validator dann „Fehler!“, nicht vorher.

🖖 Stay hard! Stay hungry! Stay alive! Stay home!