케네스로그

HTML 컨텐츠 카테고리와 모델의 이해 본문

Dev/WEB

HTML 컨텐츠 카테고리와 모델의 이해

kenasdev 2021. 8. 16. 22:02
반응형

컨텐츠 카테고리(Content Category)

모든 HTML요소는 한가지 이상의 컨텐츠 카테고리에 속한다. 공통의 특성을 지닌 요소를 그룹화하여 칸테고리를 나눈다. 이러한 카테고라이징은 해당 요소들끼리 특정 관계를 만드는 것은 아니지만, 각 요소들의 공통된 동작이나 유사점을 특징하는데 도움이 된다.

카테고리는 크게 3가지로 나눌 수 있다.

  • 메인 콘텐츠
  • 폼 관련 콘텐츠
  • 특정 콘텐츠를 위한 카테고리(기타)

 

 

 

메인 컨텐츠(Main Content Categories)

메타데이터 컨텐츠 (meatadata content)

다른 문서와의 링크를 설정하거나, 문서에 포함되지 않는 정보를 다룬다. 또한, HTML 문서 자체를 표현하는 방법이나 동작에 대해 수정할 수 있다.

아래의 요소들이 metadata content 카테고리에 속한다.

<base> <link> <meta> <noscript> <script> <style> <title>

 

플로우 컨텐츠(flow content)

<body> 요소 내부에서 사용될 수 있는 요소들을 묶는 거대한 카테고리이며, 하위 카테고리들로 다시 나누어진다.

 

섹션 컨텐츠(sectioning content)

sectioning content는 <header>, <footer>, heading content의 범위를 정의한다. 즉, 문서의 구조(아웃라인)에 영향을 미친다.

여기에 해당하는 요소는 다음과 같다.

<article> <aside> <nav> <section>

 

헤딩 컨텐츠(heading content)

heading content는 구획(section)의 제목을 정의한다. 구획을 정의하는 방법은 heading content를 통해 암시적으로 하는 방법과, 앞서 언급한 sectioning content를 통해 명시적으로 하는 방법이 있다.

<h1> <h2> <h3> <h4> <h5> <6> <hgroup>
단, <header>는 heading content가 아니다.

 

프레이징 컨텐츠(phrasing content)

Phrasing content가 모여서 paragraph(단락)을 이룬다.

이에 해당하는 요소들은 다음과 같다.

<br> <button> <i> <iframe> <img> <input> <label> <q> <script> <select> <span> <string> <textarea> <u> ... etc

 

Embedded 모델

Embedded에는 외부 콘텐츠를 표현하는 요소들이 포함되며, 오디오/비디오/이미지 등 멀티미디어 관련 요소들이 이에 해당된다.

audio canvas embed iframe img math object svg video

 

Interactive 모델

Interactive에는 사용자와 상호작용을 하는 요소들이 포함되며 대표적으로 form 요소들이 이에 해당된다. 

a audio[controls] button details embed iframe img[usemap] input keygen label menu object[usemap] select textarea video[controls]

 

 

 

해당 내용은 아직 온전히 이해하지못해 차후 추가 공부하여 보충하도록 하겠습니다.😅

반응형
저작자표시 비영리 동일조건

'Dev > WEB' 카테고리의 다른 글

[WEB] HTTP  (0) 2023.01.03
HTML 문서 구조화, 시멘틱 마크업이 필요한 이유  (0) 2021.08.16
HTML <form> 태그 정리 (input태그 예제)  (0) 2021.08.11
HTML 테이블 셀 병합 (colspan, rowspan)  (0) 2021.04.27
<th>태그로 테이블 행이름, 열이름 지정하기  (0) 2021.04.27
'Dev/WEB' Related Articles more