table 요소

정의

table; table 요소는 표 형태로 제공되는 1차원 이상의 데이터를 나타냅니다.

마크업 규칙

Flow Interactive Metadata Phrasing Embedded Heading Sectioning

  • 플로우 컨텐츠에 속합니다.
  • caption 요소, colgroup 요소, thead 요소, tbody 요소, tfoot 요소를 순서대로 사용할 수 있습니다.
  • 단, tfoot 요소는 table 요소에 단 한번만 사용할 수 있습니다.
  • 자식으로는 열, 행, 셀이 있습니다. 열과 행으로 그리드를 구성하며, 이 그리드 안의 셀은 겹치지 말아야 합니다.
  • 단순한 구조가 아니거나 내용을 이해하기 어려우면 table 내용을 소개하는 설명 정보를 포함시켜야 합니다.
    • table 소개 내용에는 사용 목적, 셀 구조의 개요, 패턴 등의 정보가 수록되어야 합니다.
  • 작성한 테이블에 대한 소개 내용은 caption, details, figure, figcaption 에서 보다 상세하게 설명합니다.
  • 레이아웃 용도로 사용해서는 안 됩니다.
    • 데이터 접근성에 혼란스러운 결과를 얻을수 있습니다.
    • 스크린리더와 같은 접근성 도구를 이용하기 어렵게 합니다.

기본 문법은 다음과 같습니다. 데모

<table>
  <tr>
    <th>과일이름</th>
    <th>가격</th>
    <th>갯수</th>
  </tr>
  <tr>
    <td>사과</td>
    <td>5</td>
    <td>500원</td>
  </tr>
</table>

속성

속성명 설명
전역 속성 공통 속성

메모

HTML4/XHTML1과의 차이점, 접근성, 보충 내용 그리고 편집자 의견 등을 포함하고 있습니다.

참조

기준 명세를 바탕으로 명세 번역과 레퍼런스 제작이 이루어졌습니다. 최근 내용은 최신 명세를 확인해 주세요.

관련 요소

 
html5/element/table.txt · 마지막 수정: 2013/11/19 13:35 (외부 편집기)
이 레퍼런스는 클리어보스가 제작/운영하고 있으며, 다음의 라이센스를 따릅니다 :CC 저작자표시-비영리-동일조건변경허락 2.0
Recent changes RSS feed World Wide Web Consortium Driven by DokuWiki