더북(TheBook)

7. 표 관련 태그

표는 행과 열로 구성된 2차원 격자 모양의 데이터 형태를 의미합니다. HTML에서는 다음과 같은 태그로 표를 구성합니다.

table 태그 표를 생성할 때 사용

tr, td, th 태그 행과 열을 생성할 때 사용

caption 태그 표의 제목을 지정할 때 사용

col, colgroup 태그 열을 그룹화할 때 사용

thead, tfoot, tbody 태그 행을 그룹화할 때 사용

th, td 태그와 rowspan, colspan 속성 셀을 병합할 때 사용

 

8. 멀티미디어 태그

웹 페이지에서 대표적인 멀티미디어 요소로는 오디오와 비디오가 있습니다.

audio 태그 오디오 요소를 삽입할 때 사용

video 태그 비디오 요소를 삽입할 때 사용

 

9. 시맨틱 태그

시맨틱 태그는 태그의 이름만으로 태그의 용도나 역할에 대한 의미가 명확한 태그를 말합니다. 그리고 시맨틱 태그로 의미 있게 HTML 구조를 설계한 웹 페이지를 시맨틱 웹이라고 합니다. HTML5에서는 웹 페이지 구조를 설계하기 위한 시맨틱 태그로 header, nav, section, article, aside, footer 태그가 추가됐습니다.

 

10. 글로벌 속성

모든 태그에서 공통으로 사용할 수 있는 속성을 글로벌 속성이라고 합니다. 실무에서 자주 사용하는 글로벌 속성으로는 class, id, style, title, lang, hidden, data-* 속성이 있습니다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.