HTML 요소 참고서

태그를 사용해 생성할 수 있는 HTML 요소의 목록입니다.

메인 루트

문서 메타데이터

메타데이터는 페이지에 포함되는 각종 정보로서 스타일과 스크립트, 소프트웨어(검색 엔진, 브라우저 등)가 페이지를 렌더링할 때 읽을 수 있는 데이터를 담습니다. 스타일과 스크립트 메타데이터는 페이지 안에 정의할 수도 있고, 다른 파일에 정의한 후 그 파일을 가리키는 링크일 수도 있습니다.

구획 루트

콘텐츠 구획

문서의 콘텐츠를 논리적인 구획으로 구조화할 수 있습니다. 헤더, 푸터, 탐색 영역 등으로 페이지의 큰 틀을 잡고, 헤딩 요소로 구획에 이름을 붙이세요.

텍스트 콘텐츠

여는 <body>와 닫는 </body> 사이에 콘텐츠의 블록과 구획을 정리할 수 있습니다. 콘텐츠의 목적과 구조 판별에 사용하므로 접근성SEO에 중요합니다.

인라인 텍스트 시맨틱

글자, 단어, 줄 등 임의의 텍스트 영역에 의미와 스타일, 구조를 부여할 수 있습니다.

이미지와 멀티미디어

HTML은 사진, 오디오, 비디오 등 다양한 멀티미디어 리소스를 지원합니다.

콘텐츠 임베딩

일반적인 멀티미디어 콘텐츠 외에도 다양한 콘텐츠를 삽입할 수 있습니다.

SVG와 MathML

SVG와 MathML 콘텐츠를 HTML 문서에 직접 삽입할 수 있습니다.

  • <math>
  • <svg>

스크립트

HTML은 동적인 콘텐츠와 웹 어플리케이션을 위해 스크립트 언어, 주로 JavaScript를 지원합니다.

편집 영역 표시

텍스트에서 수정한 부분을 표시할 수 있습니다.

표를 구성할 수 있습니다.

양식

사용자가 내용을 채운 후 웹 사이트나 애플리케이션에 제출할 수 있는 양식을 생성할 수 있습니다.

대화형 요소

대화형 사용자 인터페이스를 구성할 때 도움이 되는 요소입니다.

Web Component

Web Component는 사용자 지정 요소를 일반 HTML처럼 생성하고 사용할 수 있도록 하는 HTML 관련 기술입니다. 표준 HTML 요소의 사용자 지정 버전도 만들 수 있습니다.

  • <slot>
  • <template>