1. 목록 요소
ㅇ 종류 : ul, ol, dl
- 순서 없는 목록 : ul 요소
- 순서 있는 목록 : ol 요소
- 정의형 목록 : dl 요소
. 용어(term)와 설명(description) 2개 부분으로 구성됨
ㅇ li 요소 (List Item)
- 목록 개별 항목을 나타내는 요소
2. p 요소 (Paragraph)
ㅇ 같은 주제를 전달하는 문장들을 함께 묶는 요소 (단락)
- p 요소는, 항상 앞,뒤에 여백의 공간(빈 줄)을 둠
3. hr 요소 (Horizontal Ruler/Line)
ㅇ 수평선 긋기 또는 주제 구분 용도로 쓰임
ㅇ 한편,
- html 4.01 은, hr이 수평선 표현 요소이나,
- html 5은, hr이 표현적인 요소 보다는 주제 분리를 위한 의미적인 요소로 규정함
4. table 요소
ㅇ 행과 열의 구조를 가진, 데이터 표현 요소
ㅇ 주요 하위 요소 : tr (Table Row), th (Table Header), td (Table Data), thead (Table Head),
tbody (Table Body), tfoot (Table Foot)
ㅇ 속성 (HTML5는 대부분 CSS로 대체 권장) : border, cellspacing, cellpadding, colspan, rowspan
ㅇ thead, tfoot을 tbody보다 앞에 두는 이유
- 인쇄 시 각 페이지마다 머리글/바닥글 자동 반복 효과
- 데이터 해석이 쉬워짐 (제목과 합계 먼저 인식 가능)
5. blockquote 요소 (Block Quotation)
ㅇ 블록 형태의 인용문을 나타내는 요소
- P 요소 처럼 별도 단락으로 표시됨
. 양쪽 들여쓰기가 적용되어 다른 것들과 확연히 구분되게 함
. 추가적으로 서식을 맞추는 것이 금지됨
6. object 요소, embed 요소
ㅇ 과거 웹브라우저가 직접 보여주지 못했던 컨텐츠를,
플러그인을 통해 가능토록 웹브라우저 기능 확장용 요소
7. iframe 요소
ㅇ 브라우저 내에 또다른 소형 브라우저를 구현하는 방식
- 나머지 다른 컨텐츠들에 영향을 미치지 않도록 분리 구현코자 할 때 주로 사용
. iframe 요소를 이용하면 웹페이지 내 별도 HTML 문서 또는 다른 컨텐츠의 삽입 가능
8. Audio 요소, Video 요소
ㅇ audio 요소
- 플러그인 라이브러리 없이도, 웹브라우저 자체 내장 기능 만으로, 오디오를 들을 수 있게 함
- 속성 : src, preload, autoplay, loop, controls
ㅇ video 요소
- 플러그인 라이브러리 없이도, 웹브라우저 자체 내장 기능 만으로, 비디오를 볼 수 있게 함
- 속성 : src, preload, autoplay, loop, controls, width, height, poster
. autoplay : 자동재생, 부울 값
. controls : 소리 조절(volume), 동영상 탐색(seek), 일시정지(pause)/재시작(resume) 등
ㅇ 하부 요소
- source 요소 : 미디어 타입, 코덱 등 지정