목록 - ul, ol, li
ol
순서가 있는 목록
속성 type=
- "1" 숫자 표현(기본값)
- "A" 대문자 표현
- "I" 로마자 표현
- "i" 로마소문자 표현
속성 start=
시작하는 위치를 지정할 수 있다.
- TIP) li태그에 value속성에 값을 지정하여 시작 위치를 지정할 수 있다.
속성 reversed
순서를 뒤집을 수 있는 boolean속성이다.
ul
순서가 없는 목록
ul, ol태그는 중첩이 가능하다. (자식 요소로 사용 가능)
li
ul과 ol태그의 자식 태그
정의 목록 - dl, dt, dd
dl
용어를 정의하거나 설명하는 태그들의 목록 태그다.
자식으로 dt, dd태그가 짝을 이루어야 한다.
dt
용어를 정의 하는 태그
dl
용어를 설명하는 태그
dt, dl모두 여러개가 들어갈 수 있다.
스타일링을 위해 dt, dl태그의 부모로 div태그를 사용해 감쌀 수는 있지만 형제 태그로 div를 사용하면 안된다. (웹표준)
표
table
행과 열로 이루어진 표를 나타내는 최상위 부모 태그
tr
table row = 행(가로)을 나타내는 태그
table > thead || tbody || tfoot > tr
th
table head로 어떤 행이나 열을 대표하는 명칭을 기입할때 사용
속성 scope=
웹접근성 측면에서 기입하는 것이 좋다.
- col: 열을 대표한다는 뜻
- row: 행을 대표한다는 뜻
td
단순한 데이터를 표현할때 사용
속성 colspan=
열의 셀을 확장시킬 수 있다.
속성 rowspan=
행의 셀을 확장시킬 수 있다.
table > thead || tbody || tfoot > tr > th == td
thead, tbody, tfoot
table태그 내의 구획을 구분해주는 태그
스타일링이나 웹표준, 웹접근성 측면에서 구획을 나누어 주는 것이 좋다
한 table내의 thead, tfoot는 중복 사용 X, tbody는 사용 O
caption
표의 설명 또는 제목을 나타내는 태그.
table태그의 첫번째 자식 태그로 사용 해야한다.
