ruby element - by. UXKM

ruby element 설명

<ruby> 요소는 동아시아 일부 지역의 언어에서 일본어의 후리가나와 같이 해당 문자의 발음이나 설명을 작은 크기의 윗 첨자로 알려주는 루비 주석(ruby annotation)을 정의할 때 사용합니다.
<ruby> 요소는 <rt> 요소만 포함하거나, <rt> 요소와 함께 <rp> 요소도 포함할 수 있습니다.
<ruby> 요소는 발음이나 설명이 필요한 한 개 이상의 문자로 구성되며, <rt> 요소는 그에 대한 발음이나 설명을 정의합니다.
추가적으로 사용할 수 있는 <rp> 요소는 <ruby> 요소를 지원하지 않는 브라우저에서만 표시될 문자를 정의합니다.

<ruby>, <rp>, <rt> 요소는 HTML5에서 새롭게 추가된 요소입니다.

ruby element 세부 요소

<rp> 요소

<rp> 요소는 루비 주석(ruby annotation)을 지원하지 않는 브라우저에서만 표시될 문자를 정의할 때 사용합니다.
<rp> 요소는 <ruby> 요소 내부에 위치하며, <rt> 요소와 함께 사용합니다.
<rp> 요소는 보통 <rt> 요소를 감싸는 형태로 한 쪽에는 여는 괄호를 포함하며 다른 한 쪽에는 닫는 괄호를 포함하여, 루비 주석을 지원하지 않는 브라우저에서는 <rt> 요소의 내용이 괄호 안에 나타나도록 할 수 있습니다.

<rt> 요소

<rt> 요소는 루비 주석(ruby annotation)에서 발음이나 설명을 나타내는 윗 첨자를 정의할 때 사용합니다.

<rb> 요소

<rb> 요소는 각 개별 텍스트를 구성 요소로 구분하는 데 사용합니다.
Edge : No support(지원하지 않음)

<rp> 요소

<rp> 요소는 루비 주석의 표시를 지원하지 않는 브라우저를 위한 백 괄호를 제공하는 데 사용됩니다.
Edge : No support(지원하지 않음)

<rtc> 요소

<rtc> 요소는 루비 주석에 대한 표시문자를 정의합니다.
Firefox 만 지원

ruby element 예제