Nice programing

브라우저가 tbody 요소를 테이블 요소에 삽입하는 이유는 무엇입니까?

nicepro 2020. 12. 25. 22:59
반응형

브라우저가 tbody 요소를 테이블 요소에 삽입하는 이유는 무엇입니까?


원시 html과 JQuery를 사용하여 몇 가지 아이디어를 가지고 놀았습니다. 내가 한 한 가지는 행 집합이있는 테이블 요소를 만드는 것이 었습니다.

<table id="MyTable" >
    <tr>
        <td>Title</td>
    </tr>
    <tr>
        <td>1</td>
    </tr>
    <tr>
        <td>2</td>
    </tr>
    <tr>
        <td>3</td>
    </tr>
    <tr>
        <td>4</td>
    </tr>
</table>

하지만 FireFox + Firebug, IE8 Developer Toolbar 또는 Google Chrome JavaScript Debugger에서 코드를 보면 모든 tr 노드를 둘러싼 tbody 요소 가있는 것으로 나타났습니다 .

나는 이런 일에 반대하지 않는다 ...하지만 이것이 표준적인 행동인가?


http://htmlhelp.com/reference/html40/tables/tbody.html :

TBODY 요소는 테이블의 데이터 행 그룹을 정의합니다. TABLE에는 하나 이상의 TBODY 요소가 있어야하며 선택적 TFOOT 뒤에 와야합니다. TBODY 종료 태그는 항상 선택 사항입니다. 테이블에 TBODY가 하나만 있고 THEAD 또는 TFOOT이없는 경우 시작 태그는 선택 사항입니다.

따라서 항상 tbody가 있으며 (때로는 시작 및 끝 태그가 선택 사항이고 생략 된 경우도 있음) 사용중인 도구가 올바르게 표시됩니다.

반면에 thead 또는 tfoot은 명시 적으로 포함하지 않는 한 절대 존재하지 않으며, 그렇게하는 경우 tbody (s)도 명시 적이어야합니다.


예, tbody는 테이블의 본문을 나타내는 표준 요소입니다. 마크 업에 넣을 필요는 없지만 보셨 듯이 DOM에 포함될 것입니다.

참조 URL : https://stackoverflow.com/questions/938083/why-do-browsers-insert-tbody-element-into-table-elements

반응형