<rt>: 루비 텍스트 요소

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨2015년 7월⁩.

HTML <rt> 요소는 동아시아 문자의 루비 주석에서 발음, 번역 등을 나타내는 텍스트 부분을 지정합니다.

시도해 보기

<ruby>
 漢 <rp>(</rp><rt>kan</rt><rp>)</rp> 字 <rp>(</rp><rt>ji</rt><rp>)</rp>
</ruby>

ruby {
 font-size: 2em;
}

콘텐츠 카테고리	없음.
가능한 콘텐츠	구문 콘텐츠.
태그 생략	바로 뒤따르는 요소가 `<rp>`, 다른 `<rt>` 요소거나 자신이 부모의 마지막 요소라면 닫는 태그를 생략할 수 있습니다.
가능한 부모 요소	`<ruby>` 요소.
가능한 ARIA 역할	모두
DOM 인터페이스	`HTMLElement`

이 요소는 전역 특성만 포함합니다.

다음 예제는 <ruby> 요소를 사용해 한자의 발음을 표기합니다.

html

<ruby> 漢 <rt>한</rt> 字 <rt>자</rt> </ruby>

body {
 font-size: 22px;
}

결과는 다음과 같습니다.

브라우저가 루비를 지원하지 않는 경우엔 다음처럼 보일 것입니다.

漢 한 字 자

body {
 font-size: 22px;
}

Specification
HTML # the-rt-element

This page was last modified on ⁨2025년 6월 27일⁩ by MDN contributors.