엘리먼트의 종류

분류

HTML 엘리먼트는 아래와 같은 모습으로 분류할 수 있다. 각각의 요소는 다양한 분류에 속할 수 있고, 어떠한 분류에도 속하지 않는 것도 있다.

metadata (메타데이터)
메타의 일반적인 의미는 데이터를 설명하는 데이터라는 의미다. HTML에서 메타데이터란 엘리먼트가 감싸고 있는 데이터의 성격을 정의(noscript, script, style)하거나, 문서를 설명하는(title, meta) 역활을 하는 엘리먼트들을 의미한다.
flow content (플로우 컨텐츠)
body 엘리먼트 하위에서 사용되는 엘리먼트들이나, 응용프로그램에서 사용되는 엘리먼트들은 대부분 플로우 컨텐츠로 분류된다. flow content는 그 자식으로 문자나, 포함된 컨텐츠를 자식으라 가져야 한다. 포함된 컨턴츠란 img와 같이 외부의 자원을 문서에 삽입할 때 사용하는 엘리먼트들을 의미한다.(audio, canvas, embed, iframe등)
sectioning content (섹션 컨텐츠)
기능이나 의미에 따라서 구간을 구분짓는다. 예를들면 nav 엘리먼트는 문서 안에서 네비게이션에서 사용되는 엘리먼트들을 감싸서 네비게이션 영역을 분류할 수 있다.
Heading content (제목 컨텐츠)
제목을 표현할 때 사용하는 엘리먼트.(h1~h6, hgroup)
Phrasing content (구문 컨텐츠)
문자나 구문을 표시하는 엘리먼트. 구문 컨텐츠가 모여서 문단(paragraphs)를 만든다.
Embedded content (포함된 컨텐츠)
다른 자원을 문서에 삽입하는 엘리먼트를 의미한다. 이를테면 iframe은 웹페이지라는 자원을 현재 문서 안에 삽입할 수 있게 해준다.
Interactive content (대화형 컨텐츠)
사용자와 상호작용하기 위한 엘리먼트. a, input, button 과 같은 것들이 있다.

코스 전체목록

embeded

Flow

form-associated

Interactive

labelable

listed

Metadata

none

Palpable

Phrasing

Root

Sectioning

submittable