6️⃣

목록과 표 List and table

thead, tbody, tfoot

thead, tbody는 자주 사용하고 있는데 tfoot은 생소하다.
각 구획을 나눠서 스타일을 먹이고 싶을 때 사용한다.
notion image
tr태그에 th태그 하나를 넣어서 각 tbody를 대표하고 싶다면 colspan="2"를 주는 것 같이 차지할 너비를 직접 지정해주면 저렇게 2칸을 채워준다.
 

caption

figure-figcaption을 배웠는데 얘는 table을 설명하고자 사용된다.
특이한 점은 table의 가장 첫 번째 자식 요소로 와야 한다. thead, tbody로 구분된 테이블이면 thead 태그 내의 가장 첫 번째 자식 요소가 된다. 스타일링해서 이동시켜야 한다.
또, figure로 감싼 테이블이라면 figcaption 하자.