IT TIP

목록 항목 내에서 div를 사용할 수 있습니까?

itqueen 2020. 12. 3. 21:33
반응형

목록 항목 내에서 div를 사용할 수 있습니까?


<div>내부를 사용할 때 다음 코드가 유효한 이유는 무엇 <li>입니까?

<ul>
    <li class="aschild">
        <div class="nav">Test</div>
    </li>
</ul>

예, li 내부에서 div를 사용할 수 있으며 유효성이 검사됩니다.

<!ELEMENT li %Flow;>
<!ENTITY % Flow "(#PCDATA | %block; | form | %inline; | %misc;)*">
<!ENTITY % block     "p | %heading; | div | %lists; | %blocktext; | fieldset | table">

안에는 <li>자연스럽게 넣을 수있는 모든 것을 가질 수 있습니다 <div>. 이 점에서 다르지 않습니다.

HTML4, XHTML 및 HTML5에서도 유효해야합니다.

이것은 유효 하지 않습니다 ( "목록에 div가 없음"에 대해 찾은 소스가이 상황을 참조 할 수 있음).

<ul>
    <li></li>
    <div></div>
    <li></li>
</ul>

따라서 : 목록 ( ul, ol)은 lis 자식으로 가질 수 있습니다 . 그러나 lis는 자녀로서 무엇이든 가질 수 있습니다.


<li><span>또는 같은 인라인 요소가 아니라 블록 요소 이기 때문 입니다 <a>.


An <li>은 블록 요소이며 내부의 다른 블록 요소와 완벽하게 작동합니다.


그래 넌 할수있어. 당신이 원하는만큼.

참고 URL : https://stackoverflow.com/questions/6449772/can-i-use-a-div-inside-a-list-item

반응형