..

Search

<ruby>

HTML <ruby> 태그


정의 및 특징

<ruby> 태그는 동아시아 일부 지역의 언어에서 일본어의 후리가나와 같이 해당 문자의 발음이나 설명을 작은 크기의 윗첨자로 알려주는 루비 주석(ruby annotation)을 정의할 때 사용합니다.

 

<ruby> 요소는 <rt> 요소만 포함하거나, <rt> 요소와 함께 <rp> 요소도 포함할 수 있습니다.

 

<ruby> 요소는 발음이나 설명이 필요한 한 개 이상의 문자로 구성되며, <rt> 요소는 그에 대한 발음이나 설명을 정의합니다. 추가적으로 사용할 수 있는 <rp> 요소는 <ruby> 요소를 지원하지 않는 브라우저에서만 표시될 문자를 정의합니다.


예제

<p>"공부"를 의미하는 일본어는 <ruby>勉強<rt>べんきょう</rt></ruby>입니다.</p>

코딩연습 ▶


지원하는 브라우저 및 버전

태그명

chrome

edge

ie

firefox

safari

opera

<ruby> 5.0 지원함 5.0 38.0 5.0 15.0

HTML5에서 변경된 사항

<ruby> 태그는 HTML5에서 새롭게 추가된 요소입니다.


DOM 인터페이스


연관 페이지

HTML 의미 요소 수업 ⇒


연습문제