주요 HTML 콘텐츠

Lee Soyeon·2022년 5월 31일
0

요즘은 아래처럼 바꿔서 부름
block container > flow content
inline container > phrasing content

flow content
body에 포함할 수 있는 모든 요소
거의 대부분의 모든 요소가 flow content에 해당
(inline container에 속하는 요소들도 포함)

metadata content(메타데이터 콘텐츠)
콘텐츠와 문서를 구조화 하는 요소를 의미
다른 콘텐츠의 표시, 동작, 관계 등을 설정
base, link, meta, noscript, script, style, template, title, 일부 요소는 경우에 따라 플로우 콘텐츠

Sectioning content (섹셔닝 콘텐츠)
article, aside, nav, section
각 섹셔닝 콘텐츠는 암시적인 개요를 형성
섹셔닝 콘텐츠와 헤딩 콘텐츠를 함께 사용하면 명시적인 개요를 형성

phrasing content(프레이징 콘텐츠)
구문 콘텐츠
단락을 형성하는 콘텐츠
a, abbr, area, audio, b, bdi, bdo, br, button, canvas, cite, code, data, datalist, del, dfn, em, i, iframe, img, input, label, link, map, mark, meta, span, strong, video, 등

Embedded content (임베디드 콘텐츠)
외부 자원을 참조하는 콘텐츠

audio, canvas, embed, iframe, img, math, object, svg, video
모든 임베디드 콘텐츠는 구문 콘텐츠이다
외부 자원을 지원하지 않는 경우 대체 자원을 명시할 수 있다

interactive content (인터렉티브 콘텐츠)
사용자와 상호 작용할 수 있는 콘텐츠
a, audio, button, details, embed, iframe, img, input, label, select, textarea, video
입력장치(마우스, 키보드)로 조작할 수 있다

profile
프론트엔드 개발자가 되기 위해 공부하고 있습니다.

0개의 댓글