HTML 마크업 기초 다지기

JAMEe_·2024년 11월 3일

HTML

목록 보기
1/4

기존에 w3c 에서 만들어지고 제공되었던 HTML5 명세는 폐기되었고,
What working group (브라우저 제조사 연합) 에서 HTML 표준을 만들고 유지보수 하고있음

What working group 에서 만들어지는 표준을 w3c 에 제안을하고, 검토하고 수락하는 과정을 거치는데 이 과정이 불필요하다 느껴져서 wwg 가 직접 표준을 만들고 유지보수하기를 원했음. 그러다가 2019년부터 wwg 에서 만든 표준이 공식적으로 채택되어 w3c 에서 유지보수하던 HTML5 표준은 폐기된 표준이 되었음

caniuse 는 웹 기술( HTML,css,js )들의 표준 명세를 브라우저가 실제로 어느정도로 구현했는지 호환성 정보를 확인할 수 있음

주요 HTML 콘텐츠 분류

HTML5 이전에 block 컨테이너라 부르던 류들은 주로 Flow 컨텐츠라 부름
inline 컨텐츠라 부르던 요소들은 Phrasing 컨텐츠로 대부분 들어가게됨

위 이미지의 용어들을 아는 것이 명세를 읽는데 중요함

Flow 콘텐츠

body 에 포함할 수 있는 모든 요소 ( block, inline... )

Metadata 콘텐츠

주로 문서의 head 안에 들어가며 콘텐츠와 문서를 구조화 하는 요소를 의미
base, link, meta, noscript, script, style, template, title
일부 요소는 경우에 따라 Flow 콘텐츠 ( body 안에서 사용 가능한 script, template ..)

Heading 콘텐츠

h1, h2, h3, h4, h5, h6, hgroup

Sectioning 콘텐츠

이 콘텐츠는 암시적인 개요를 형성
article, aside, nav, section

Phrasing 콘텐츠

단락을 형성하는 구문 콘텐츠

Embedded 콘텐츠

외부 자원을 참조하는 콘텐츠
audio, canvas, embed, iframe, img, math, object, picture, svg, video

Interactive 콘텐츠

사용자와 상호 작용할 수 있는 콘텐츠
a, audio, button, details, embed, iframe, img, input, label, select, textarea, video

그 외 기타 콘텐츠

Palpable content

  • 비어있지 않은, hidden 속성이 없는. 볼 수 있는 콘텐츠

Script-supporting element

  • 렌더링하지 않지만 사용자에게 기능을 제공 ( script, template )

Transparent content models

  • 투명 콘텐츠 모델
    a, ins, del, object, video, audio, map, noscript, canvas
    문서 노드에서 제거해도 문서가 유효하게 유지
    ex)) a 태그안에 있는 요소들이 a 태그가 사라져도 구조가 유효함
    자기 바로 부모의 콘텐츠 모델을 따라야함

위 내용들을 함축한 퀴즈

profile
안녕하세요

0개의 댓글