HTML5에서 루비 주석(ruby annotation)을 표시하려면 <rt> 태그를 사용합니다. <rt> 태그는 루비 주석 안에서 문자의 발음을 나타내는 역할을 하며, 주로 한자나 일본어 가나 같은 동아시아 문자의 읽는 법(발음)을 화면에 보여줄 때 사용됩니다.
함께 사용하는 관련 태그
- <ruby> : 루비 주석 전체를 감싸는 컨테이너 역할을 합니다.
- <rt> : 본문 문자 위에 작게 표시될 발음 텍스트를 정의합니다.
- <rp> : 루비 기능을 지원하지 않는 구형 브라우저를 위해 괄호와 같은 대체 텍스트를 제공합니다.
예제
아래 코드를 실행하면 한자 '漢字' 위에 각각의 발음인 'Kan'과 'ji'가 루비 주석으로 표시되는 것을 확인할 수 있습니다.
<!DOCTYPE html> <html> <head> <title>HTML Rt Tag</title> </head> <body> <ruby> 漢 <rp>(</rp><rt>Kan</rt><rp>)</rp> 字 <rp>(</rp><rt>ji</rt><rp>)</rp> </ruby> </body> </html>