반응형
목록 항목 내에서 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
)은 li
s 만 자식으로 가질 수 있습니다 . 그러나 li
s는 자녀로서 무엇이든 가질 수 있습니다.
<li>
는 <span>
또는 같은 인라인 요소가 아니라 블록 요소 이기 때문 입니다 <a>
.
An <li>
은 블록 요소이며 내부의 다른 블록 요소와 완벽하게 작동합니다.
그래 넌 할수있어. 당신이 원하는만큼.
참고 URL : https://stackoverflow.com/questions/6449772/can-i-use-a-div-inside-a-list-item
반응형
'IT TIP' 카테고리의 다른 글
사람들이 코드에 메시지 / 이벤트 버스를 사용하는 이유는 무엇입니까? (0) | 2020.12.03 |
---|---|
jQuery를 사용하여 모든 행에서 첫 번째 TD 선택 (0) | 2020.12.03 |
Entity Framework로 단일 열을 선택하는 방법은 무엇입니까? (0) | 2020.12.03 |
Vim에서 긴 Git 커밋 메시지를 자동으로 래핑 (0) | 2020.12.03 |
다른 스레드에 영향을주지 않고 node.js에서 스레드를 잠자는 방법은 무엇입니까? (0) | 2020.12.03 |