TAGS

Draft
  • account_tree
  • bug_report

Element<h{n}>

6단계의 제목을 표시한다. <h1>이 가장 큰 크기의 제목이 표시되고 <h6>가 가장 작은 크기의 제목이 표시된다.

  • 콘텐츠 분류

    Flow Content, Heading Content

  • DOM Interface

    HTMLHeadingElement

  • 태그 생략

    시작 태그, 종료 태그 모두 작성

설명

역할과 기본 값

<h1>~<h6>까지의 일련 번호를 갖는 태그로서 다양한 크기의 제목을 표시한다. <h1>부터 오름차순으로 작은 크기의 제목을 작성한다.

제목을 표시하므로 역할을 위해서 기본적으로 다음 아래와 같은 유저에이전트(크롬 웹브라우저 기준) 값을 갖는다.

h1 {
    display: block;
    font-size: 2em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
h2 {
    display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
h3 {
    display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
h4 {
    display: block;
    margin-block-start: 1.33em;
    margin-block-end: 1.33em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
h5 {
    display: block;
    font-size: 0.83em;
    margin-block-start: 1.67em;
    margin-block-end: 1.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
h6 {
    display: block;
    font-size: 0.67em;
    margin-block-start: 2.33em;
    margin-block-end: 2.33em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

가능한 콘텐츠

구문 콘텐츠들이 하위에 작성될 수 있다.

전역 속성

data-* DOMString

사용자 데이터를 지정하는 특별한 속성이다. DOM으로 데이터를 받아 자바스크립트 로직에 사용할 수 있다.

draggable Enumeration

요소의 드래그(drag) 가능 여부를 설정한다.

id String

요소를 식별할 수 있는 고유 값을 설정한다.

title String

요소에 마우스 포인터를 올리면 말풍선으로 내용으로 출력한다.

지원 웹브라우저