Ich weiß, dass es nicht erlaubt ist, div in li in HTML5 verschachteln, obwohl Sie können und es funktioniert. Heißt das, ich sollte es nicht benutzen? Was ist der Standard zum Verschachteln von divs in dls?HTML5 Standards Verschachtelung div in li oder dl
Antwort
Zunächst einmal - Ihre Information ist falsch. div
Elemente sind sehr gut innerhalb li
Elemente erlaubt. Sie haben es möglicherweise mit ul
/ol
Elementen verwechselt, die entsprechend nur li
s enthalten können.
Was in HTML5 geändert wurde, ist, dass es keine Block-Level- und Inline-Elemente mehr hat. Stattdessen gibt es eine komplexere Unterscheidung der elements into several categories.
Um zu sehen, was im Inneren eines Elements nach HTML5 erlaubt ist, finden Sie in der Elementbeschreibung des specific tag (in your case li
) wo man sehen kann, dass flow content
erlaubt ist (was bedeutet, dass Sie es so ziemlich alles setzen kann - natürlich auch div
Elemente).
Soweit ich aus dem was unter dl geschrieben ist, kann es jedoch keine divs enthalten. Betrachte ich das Richtige? – sodiumnitrate
@natrium 'dl' natürlich nicht, genauso wie' ul' kann nicht. 'dt' und' dd' können. – deceze
@natriumnitrate Ein 'li' kann Fließinhalt enthalten,' dl' (Beschreibungsliste) kann nur 'dt' oder' dd' Element enthalten, das selbst Fließinhalt enthalten kann (aber 'dt' kein Schnitt- oder Überschrifteninhalt). Es ist dasselbe wie "ul" und "ol", das auch nur "li" Elemente enthalten kann. – Christoph
Es ist perfekt erlaubt Nest <div>
Elemente in <li>
und <dd>
Elemente. <li>
/<dd>
Elemente können enthalten Fluss Inhalt, die <div>
Elemente sind.
Spezifikation: http://www.w3.org/TR/html5/grouping-content.html#the-li-element
- 1. Bootstrap-div-Verschachtelung mit HTML5-Elementen
- 2. HTML5 Spiel, Leinwand oder div?
- 3. HTML5 UL LI Ziehbare
- 4. Verschachtelung eines Svg in einem div
- 5. Jquery Akkordeon Probleme - Verschachtelung
- 6. Verstecktes div in einem li tag
- 7. Verschachtelung Bild in Spalten
- 8. Ungültige Verschachtelung: Verschachtelung im Klartext ist unzulässig
- 9. Verschachtelung ng-Ansichten in eckigen js
- 10. youtube-dl in Android
- 11. Warum sind HTML5 und XHTML 2 separate Standards?
- 12. HTML5: Warum sollte ich Abschnitt oder Artikel anstelle von div
- 13. Mute versteckte div (video) html5
- 14. CSS Positionierung Boxen mit ul li div
- 15. Vererbung oder Verschachtelung mit Docker komponieren
- 16. Verschachtelung in css: not() - Selektoren
- 17. css höhen standards modus
- 18. Schienen 4 Verschachtelung Layouts
- 19. Spezifisches Verhalten des ersten li Element in ul und div
- 20. Ontologien in DL-Syntax schreiben?
- 21. Wiederverwendung von Validierungscode in UI, BL und/oder DL
- 22. HTML5 und CSS 3 - Div Text Vertikale Ausrichtung Mittel
- 23. wie man macht <dl> erscheint auf Schweben auf einem anderen <dl>
- 24. youtube-dl Probleme (Scripting)
- 25. vertikal ausrichten ein div in der Mitte von li Elementen
- 26. css max width funktioniert nicht in ul li div img
- 27. Qt mit HTML5 oder ohne HTML5
- 28. Wie richtet man den linken DL-Inhalt aus?
- 29. Verschachtelung Listenfunktionen
- 30. Gibt es bekannte Standards oder Sicherheitslücken in passwortgeschützten ZIP-Dateien?
Wo haben Sie "gelernt", dass es nicht erlaubt ist? – deceze
Nun, soweit ich mich erinnere, hat die HTML-Validierung in Visual Studio 2012 den Code nicht validiert. – sodiumnitrate