2021. 8. 21. 17:18ㆍ카테고리 없음
4. HTML 태그 : 콘텐츠 모델
가. 정의
- 비슷한 성격의 요소들끼리 그룹화한 것이 콘텐츠 모델
- 콘텐츠 모델은 7가지로 분류됨
1) Metadata
2) Flow
3) Sectioning
4) Heading
5) Phrasing
6) Embedded
7) Interactive
나. 콘텐츠 모델의 분류
1) Metadata
- 콘텐츠의 표현(style), 동작(script)을 설정하거나 타 문서와의 관계 등 정보를 포함하는 요소
- 대부분 <head>내에서 선언되는 태그
- <meta>, <title>, <style>, <link>, <base>, <script>, <noscript>
2) Flow
- 문서의 자연스러운 흐름에 의해 배치되는 요소
- Metadata에 해당하는 일부 태그를 제외하고는, 대부분의 요소가 Flow에 해당
3) Sectioning
- 문서의 구조와 관련된 요소
- heading과 footer의 범위를 결정하는 요소로, 문서의 아웃라인에 영향을 줌
- <article>, <aside>, <nav>, <section>
4) Heading
- 각 섹션의 header를 정의하는 요소
- <h1> ~ <h6>
5) Phrasing
- 문서의 텍스트 또는 텍스트를 꾸며주는 문단 내부 레벨로 사용되는 요소
6) Embedded
- 이미지, 비디오, 플래시 등 외부 콘텐츠를 문서내에 표현하는 요소
- <img>, <video>, <iframe>, <audio>, <canvas>, <embed>, <object>, <svg>,
<math>
7) Interactive
- 사용자와 상호작용을 하는 요소
- 대표적으로 폼(form)관련 요소가 이에 해당
- <a>, <button[controls]>, <details>, <embed>, <iframe>, <img[usemap]>, <input>,
<keygen>, <label>, <menu>, <object[usemap]>, <select>, <textarea>, <video[controls]>