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>