<rt>: 루비 텍스트 요소

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

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

HTML

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

CSS

ruby {
  font-size: 2em;
}

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

특성

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

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

HTML

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

CSS

body {
  font-size: 22px;
}

결과는 다음과 같습니다.

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

HTML

漢 한 字 자

CSS

body {
  font-size: 22px;
}