HTML5 표 태그 / caption/summary/rowspan/colgroup

html을 이용해서 표 만들기 응용

(요즘은 table 사용빈도가 많이 낮다고 합니다. 참고하세요.)

---

caption
표 제목과 설명을 표 상단에 표시
table 안에 위치

브라우저	제조업체	사이트
크롬	google	www.google.com
파이어폭스	mozilla	www.mozilla.org
엣지	microsoft	www.microsoft.com

 

---

figcaption
table 밖에서 figure와 함께 쓰이며 중앙정렬 아님

브라우저	제조업체	사이트
크롬	google	www.google.com
파이어폭스	mozilla	www.mozilla.org
엣지	microsoft	www.microsoft.com

 

---

aria-describedby="summary"를 table 안에 태그해서 표에 문장 연결 가능

caption과는 다름

브라우저	제조업체	사이트
rowspan 행 병합	google	www.google.com
	mozilla	www.mozilla.org
	microsoft	www.microsoft.com

 

---

 

표 구조 정의하기

spring	summer	fall	winter
thead
tbody
tfoot
각각 스타일 설정 가능	table 안에서 태그

---

 

col, colgroup을 이용해서 열 색 지정하기