TIL 04.05

1. Tabular data

1️⃣ table

테이블을 생성할 때 사용
여러 요소들로 이루어져 있음

2️⃣ caption

table의 설명인 caption을 쓰는 것을 권장 (SEO 관점에서도 좋음)
caption 안에 caption을 쓰는 중첩 형식은 쓰지 말 것

<table>
		<caption> 이달의 책 판매량 </caption>
    <tr>
        <th>구분</th>
        <th>이름</th>
        <th>판매량</th>
    </tr>
</table>

3️⃣ thead, tbody, tfoot

thead : 머리글
tbody : 본문
tfoot : 바닥글 / 테이블의 결론을 나타내는 부분 (ex 합계)

table에 하나씩만 쓸 것
간단한 table에서는 굳이 사용하지 않아도 됨

4️⃣ tr, th, td

tr
table row
하나의 행을 나타냄
th
table heading
데이터들의 제목 (행과 열의 머리말)
td
table data
데이터들을 나타냄

5️⃣ colspan, rowspan

td 또는 th 태그 요소 병합 가능
colspan : 열간 병합
rowspan : 행간 병합

위의 표에서 판매 수량 데이터 100 판매량과 이름 열 병합

• 100은 행끼리 병합이므로 행간 병합인 rowspan 사용
• 이름과 판매량은 열끼리 병합이므로 열간 병합인 colspan 사용