Warum ist der folgende Code gültig, wenn ich a verwende <div> in einem <li>?
<ul>
<li class="aschild">
<div class="nav">Test</div>
</li>
</ul>
Kann ich ein div innerhalb eines Listenelements verwenden?
Lesezeit: 3 Minuten
13121600cookie-checkKann ich ein div innerhalb eines Listenelements verwenden?
Manisch Basdeo
Ja, Sie können ein div innerhalb eines li verwenden und es wird validiert.
<!ELEMENT li %Flow;>
<!ENTITY % Flow "(#PCDATA | %block; | form | %inline; | %misc;)*">
<!ENTITY % block "p | %heading; | div | %lists; | %blocktext; | fieldset | table">
-
Könnten Sie erläutern, was dieser Codeblock oben tatsächlich bedeutet? Vielen Dank.
– StackExchange Was zum Teufel
26. September 2013 um 15:22 Uhr
-
@yochannah: Das ist nur die DTD. Es ist jetzt irrelevant, da HTML5 nicht mehr DTD-basiert ist. w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd
– Jawad
2. Oktober 2013 um 7:58 Uhr
-
Worauf basiert HTML5 jetzt?
– Krimbo
13. April 2017 um 15:54 Uhr
-
HTML5 basiert auf Schemas.
– mystrdat
26. September 2019 um 9:14 Uhr
Kap
In einem <li> Sie können alles haben, was Sie natürlich in a stecken könnten <div>. Sie unterscheiden sich in diesem Sinne nicht.
Es sollte auch in HTML4, XHTML und HTML5 gültig sein.
Das ist NICHT gültig (also könnten sich die Quellen, die Sie zu “keine Divs in Listen” gefunden haben, auf diese Situation beziehen):
<ul>
<li></li>
<div></div>
<li></li>
</ul>
So: Listen (ul, ol) kann nur haben lis wie ihre Kinder. Aber lis können alles als ihre Kinder haben.
-
Warum ist es nicht gültig. Oder genauer gesagt, wo steht, dass es nicht gültig ist. Die DTD erlaubt es?
– Jawad
23. Juni 2011 um 5:53 Uhr
-
@Jawad Listen können nur haben
lis wie ihre Kinder. Aberlis können alles als ihre Kinder haben. Ich denke, hier hat das OP das eine mit dem anderen verwechselt.– kappa
23. Juni 2011 um 5:58 Uhr
Da <li> ist ein Blockelement, kein Inline-Element wie <span> oder <a>.
Ein <li> ist ein Blockelement und funktioniert perfekt mit anderen Blockelementen darin.
Ja, du kannst. So viel du willst.
-
Ich bin überzeugt.
– duftend
10. April 2017 um 22:33 Uhr
Wenn Sie einen Blick in Ihre Entwicklertools werfen und den Code der Katespade-Website untersuchen, werden Sie feststellen, dass Sie beliebig viele div-Elemente in ein Li-Tag einfügen können, aber Sie können das Tag nicht als untergeordnetes Element hinzufügen <ul> oder <ol>.
<ul>
<li> <div class="example1>
<span>lorem ipsum </span>
</div> </li>
<li> </li>
</ul>
Hier ist ein Beispiel für die Web-App von Katespade
-
Ich bin überzeugt.
– duftend
10. April 2017 um 22:33 Uhr
Was ist das Problem, das Sie haben, wenn Sie diesen Code auf einer Seite haben?
– Carlosfigueira
23. Juni 2011 um 5:38 Uhr
@Vimal Basdeo: Faszinierend: eine Frage, warum Sie kein Problem haben.
– Mitch Weizen
23. Juni 2011 um 5:39 Uhr
@Vimal Basdeo: Vielleicht solltest du damit beginnen, zu erklären, warum du das denkst sollte ein Problem sein.
– PengOne
23. Juni 2011 um 5:41 Uhr
Überhaupt kein Problem. Es wird korrekt angezeigt, aber als ich gegoogelt habe, habe ich festgestellt, dass ich kein Div in einer Liste verwenden kann, also möchte ich nur bestätigen, ob es in Ordnung ist, ein Div in einer Liste zu verwenden
– Manish Basdeo
23. Juni 2011 um 5:45 Uhr
Die Frage ist berechtigt, das OP zu verprügeln und abzulehnen ist in diesem Fall ziemlich bedeutungslos. Wie ich vermute, basiert es auf einem Missverständnis und als solches wäre es von Vorteil, wenn es richtig beantwortet würde (jetzt sehe ich, dass der Link von @Jawad ein exaktes Duplikat ist).
– kappa
23. Juni 2011 um 5:52 Uhr