HTML 요소 참고서
태그를 사용해 생성할 수 있는 HTML 요소의 목록입니다.
메인 루트
문서 메타데이터
메타데이터는 페이지에 포함되는 각종 정보로서 스타일과 스크립트, 소프트웨어(검색 엔진, 브라우저 등)가 페이지를 렌더링할 때 읽을 수 있는 데이터를 담습니다. 스타일과 스크립트 메타데이터는 페이지 안에 정의할 수도 있고, 다른 파일에 정의한 후 그 파일을 가리키는 링크일 수도 있습니다.
구획 루트
콘텐츠 구획
문서의 콘텐츠를 논리적인 구획으로 구조화할 수 있습니다. 헤더, 푸터, 탐색 영역 등으로 페이지의 큰 틀을 잡고, 헤딩 요소로 구획에 이름을 붙이세요.
<address>
<article>
<aside>
<footer>
<header>
<h1>
,<h2>
,<h3>
, …<hgroup>
<main>
<nav>
<search>
<section>
텍스트 콘텐츠
여는 <body>
와 닫는 </body>
사이에 콘텐츠의 블록과 구획을 정리할 수 있습니다. 콘텐츠의 목적과 구조 판별에 사용하므로 접근성과 SEO에 중요합니다.
인라인 텍스트 시맨틱
글자, 단어, 줄 등 임의의 텍스트 영역에 의미와 스타일, 구조를 부여할 수 있습니다.
<a>
<abbr>
<b>
<bdi>
<bdo>
<br>
<cite>
<code>
<data>
<dfn>
<em>
<i>
<kbd>
<mark>
<q>
<rp>
<rt>
<ruby>
<s>
<samp>
<small>
<span>
<strong>
<sub>
<sup>
<time>
<u>
<var>
<wbr>
이미지와 멀티미디어
HTML은 사진, 오디오, 비디오 등 다양한 멀티미디어 리소스를 지원합니다.
콘텐츠 임베딩
일반적인 멀티미디어 콘텐츠 외에도 다양한 콘텐츠를 삽입할 수 있습니다.
SVG와 MathML
SVG와 MathML 콘텐츠를 HTML 문서에 직접 삽입할 수 있습니다.
스크립트
HTML은 동적인 콘텐츠와 웹 어플리케이션을 위해 스크립트 언어, 주로 JavaScript를 지원합니다.
편집 영역 표시
텍스트에서 수정한 부분을 표시할 수 있습니다.
표
표를 구성할 수 있습니다.
양식
사용자가 내용을 채운 후 웹 사이트나 애플리케이션에 제출할 수 있는 양식을 생성할 수 있습니다.
<button>
<datalist>
<fieldset>
<form>
<input>
<label>
<legend>
<meter>
<optgroup>
<option>
<output>
<progress>
<select>
<textarea>
대화형 요소
대화형 사용자 인터페이스를 구성할 때 도움이 되는 요소입니다.
Web Component
Web Component는 사용자 지정 요소를 일반 HTML처럼 생성하고 사용할 수 있도록 하는 HTML 관련 기술입니다. 표준 HTML 요소의 사용자 지정 버전도 만들 수 있습니다.
<slot>
<template>