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 과 같은 것들이 있다.
