Hoe geldige html maken
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<div id="rij-rijzoek">
<header id="headerbackcolor-rijzoek" onclick="get_backgroundcolor_info(this.id)" class="backgroundpaul-webcolor2 headermenupaul_fixed">
<a id="hreflogo-rijzoek" onclick="get_element_info(this.id)" href="https://toffewebsite.nl" target="_blank" class="logo_fixed res-logo_fixed"><img onclick="changeimage(this.id);setimagelogo();stopprog()" id="logoimage-rijzoek" style="max-width: 200px" src="images/logo/logo.png" title="Goochelshow" alt="Hier alt text"></a>
<input class="menu-btn_fixed" type="checkbox" id="menu-btn_fixed" />
<label class="menu-icon_fixed" for="menu-btn_fixed"><span class="navicon_fixed"></span></label>
<ul id="headermenuitems-rijzoek" class="menu_fixed">
<li id="remove-button1-rijzoek"><a contenteditable="plaintext-only" data-id="button1-rijzoek" id="button1-rijzoek" onclick="headermenu(this.id);" href="#"><i class="fa fa-fw fa-lg fa-home"></i>Home</a>
<div class="verwijderen centreren-tekst">
<button data-id="button1-rijzoek" onclick="remove_menuitem(this)" type="button">Verwijder</button>
</div>
</li>
<a contenteditable="True" id="menubutton-rijzoek" href=""
onclick="get_button_info(this.id); stopprog()"
style="border-radius: 25px; color: rgb(255, 255, 255); background-color: rgb(255, 140, 0); font-weight: 900;"
class="button-menu backgroundpaul-primarybutton">
<span contenteditable="false">
<i class="fa fa-envelope"></i>
</span>
<span contenteditable="true">klik hier</span>
<button data-id="menubutton-rijzoek" onclick="reset_menubutton(this)" class="verwijderen" type="button">Reset</button>
</a>
</ul>
</header>
</div>
<header id="headerbackcolor-rijzoek" onclick="get_backgroundcolor_info(this.id)" class="backgroundpaul-webcolor2 headermenupaul_fixed">
<a id="hreflogo-rijzoek" onclick="get_element_info(this.id)" href="https://toffewebsite.nl" target="_blank" class="logo_fixed res-logo_fixed"><img onclick="changeimage(this.id);setimagelogo();stopprog()" id="logoimage-rijzoek" style="max-width: 200px" src="images/logo/logo.png" title="Goochelshow" alt="Hier alt text"></a>
<input class="menu-btn_fixed" type="checkbox" id="menu-btn_fixed" />
<label class="menu-icon_fixed" for="menu-btn_fixed"><span class="navicon_fixed"></span></label>
<ul id="headermenuitems-rijzoek" class="menu_fixed">
<li id="remove-button1-rijzoek"><a contenteditable="plaintext-only" data-id="button1-rijzoek" id="button1-rijzoek" onclick="headermenu(this.id);" href="#"><i class="fa fa-fw fa-lg fa-home"></i>Home</a>
<div class="verwijderen centreren-tekst">
<button data-id="button1-rijzoek" onclick="remove_menuitem(this)" type="button">Verwijder</button>
</div>
</li>
<a contenteditable="True" id="menubutton-rijzoek" href=""
onclick="get_button_info(this.id); stopprog()"
style="border-radius: 25px; color: rgb(255, 255, 255); background-color: rgb(255, 140, 0); font-weight: 900;"
class="button-menu backgroundpaul-primarybutton">
<span contenteditable="false">
<i class="fa fa-envelope"></i>
</span>
<span contenteditable="true">klik hier</span>
<button data-id="menubutton-rijzoek" onclick="reset_menubutton(this)" class="verwijderen" type="button">Reset</button>
</a>
</ul>
</header>
</div>
De foutmelding die ik krijg is onderstaande:
Element “a” not allowed as child of element “ul” in this context. (Suppressing further errors from this subtree.)
From line 15, column 1 to line 18, column 52
Code Extract:
>↩↩↩</li><a contenteditable="True" id="menubutton-rijzoek" href="" ↩ onclick="get_button_info(this.id); stopprog()" ↩ style="border-radius: 25px; color: rgb(255, 255, 255); background-color: rgb(255, 140, 0); font-weight: 900;" ↩ class="button-menu backgroundpaul-primarybutton">↩ ↩
The element “button” must not appear as a descendant of the “a” element.
From line 24, column 4 to line 24, column 107
Code Extract:
/span>↩ <button data-id="menubutton-rijzoek" onclick="reset_menubutton(this)" class="verwijderen" type="button">Reset
En waarom zou je een <li> lijst onderbreken met een a-tag?
de button in de a tag is onderdeel van een cms-editor. deze is ervoor bedoeld om de link te resetten. de button komt dan onderaan de link te staan. de button wordt verwijderd wannneer de pagina live komt te staan. alle overbodige code zoals o.a. deze button wordt dan verwijderd. maar wellicht dat ik dit op een andere manier kan bewerkstelligen.
Toevoeging op 23/06/2025 12:51:19:
ik zal de code aanpassen. de button in de <a> tag zal ik eruit halen en ergens ander plaatsen.
Gewijzigd op 23/06/2025 12:49:46 door Paul Weiss
Misshcien kan je een divje gebruiken, je die je met een addEventListener() aanroept. Maar een link in een link gaat niet (lekker) werken.