{{위키데이터 속성 추적}}
'''루비 문자'''({{llang|ja|ルビ}}, {{llang|en|ruby character}})란 문장 내의 임의의 문자(보통은 한자)에 대해 읽는 법을 알려주는 [[후리가나]], 단어에 대한 설명, 또는 일반적인 읽기 방법과 다르게 읽을 때 그 '다르게 읽는 법' 등을 보통 문자보다 더 작은 크기의 문자로 적는 것이다. 통상 [[세로쓰기]]에는 문자의 오른쪽, [[가로쓰기]]에는 문자의 위쪽에 적는다.

[[메이지]] 시대부터의 일본의 활판 인쇄 용어이며, "루비 활자"를 사용해 [[후리가나]](일본어의 경우)나 [[한어병음]]/[[주음부호]](중국어의 경우)등을 표시한 것이다. 일본과 중국뿐만 아니라 한국에서도 간혹 사용되었다.
{|
|
{| border="1" cellpadding="5"
! [[히라가나]]
! [[가타카나]]
! [[일본어 로마자 표기법|로마자]]
|-
|
{| border="0" cellpadding="4" cellspacing="2"
|-
| style="text-align: center; font-size: 100%" lang="ja" | {{lang|ja-Hira|とう}}
| style="text-align: center; font-size: 100%" lang="ja" | {{lang|ja-Kana|きょう}}
|-
| style="text-align: center; font-size: 200%" lang="ja" | {{lang|ja|東}}
| style="text-align: center; font-size: 200%" lang="ja" | {{lang|ja|京}}
|}
|
{| border="0" cellpadding="4" cellspacing="2"
|-
| style="text-align: center; font-size: 100%" | {{lang|ja-Hira|トウ}}
| style="text-align: center; font-size: 100%" | {{lang|ja-Kana|キョウ}}
|-
| style="text-align: center; font-size: 200%" | {{lang|ja|東}}
| style="text-align: center; font-size: 200%" | {{lang|ja|京}}
|}
|
{| border="0" cellpadding="4" cellspacing="2"
|-
|-
| style="text-align: center; font-size: 100%" | {{lang|ja|tō}}
| style="text-align: center; font-size: 100%" | {{lang|ja|kyō}}
|-
| style="text-align: center; font-size: 200%" | {{lang|ja|東}}
| style="text-align: center; font-size: 200%" | {{lang|ja|京}}
|}
|}
|
{| border="1" cellpadding="5"
! [[주음부호]]
! [[한어병음]]
|-
|
{| border="0" cellpadding="4" cellspacing="2"
|-
| style="text-align: center; font-size: 100%" | {{lang|zh-tw|ㄅㄟˇ}}
| style="text-align: center; font-size: 100%" | {{lang|zh-tw|ㄐㄧㄥ}}
|-
| style="text-align: center; font-size: 200%" | {{lang|zh|北}}
| style="text-align: center; font-size: 200%" | {{lang|zh|京}}
|}
|
{| border="0" cellpadding="4" cellspacing="2"
|-
| style="text-align: center; font-size: 100%" | {{lang|zh|běi}}
| style="text-align: center; font-size: 100%" | {{lang|zh|jīng}}
|-
| style="text-align: center; font-size: 200%" | {{lang|zh|北}}
| style="text-align: center; font-size: 200%" | {{lang|zh|京}}
|}
|}
|
{| border="1" cellpadding="5"
! [[한국 한자음]]
|-
| style="text-align: center; |
{| border="0" cellpadding="4" cellspacing="2"
|-
| style="text-align: center; font-size: 100%" | {{lang|ko|한}}
| style="text-align: center; font-size: 100%" | {{lang|ko|국}}
|-
| style="text-align: center; font-size: 200%" | {{lang|ko|韓}}
| style="text-align: center; font-size: 200%" | {{lang|ko|國}}
|}
|}
|}
일본에서 통상 사용된 5호 활자(10.5 point)에 루비를 사용할 때 7호 활자(5.5 point)를 이용했는데, 이것은 [[영국]]으로부터 수입된 5.5 포인트 활자의 통칭이 "{{llang|en|ruby|[[루비]]}}"였기 때문에 이 활자를 "루비 활자"라고 불러, 거기에 따라 붙여진 문자를 "루비"라고 부르게 되었다.<ref>메이지 시대, 즉 [[19세기]] 후반의 영국과 미국에서는 활자의 크기를 [[보석]]의 이름을 붙여 읽고 있었다. 7호 활자는 영국에서 루비 타입(ruby type, ruby character) 또는 브릴리언트 타입이라는 호칭으로 불렸고 미국에서는 'agate'([[마노]](瑪瑙))라고 불렸다.
{{인용문|'''agate''': An old name for a size of type slightly smaller than five and one-half points, &hellip; . Called ''ruby'' in England.|{{서적 인용|저자=Marjorie E. Skillin, et al.|제목=Words into Type|연도=1948|쪽=p. 538}}}}
</ref>
[[파일:Furigana example.svg|섬네일|300px|‘{{lang|ja|振り仮名}}’를 후리가나로 쓴 그림.]]

== 웹 상의 루비 ==
[[XHTML]] 1.1부터 루비 모듈을 통해 후리가나를 붙이는 방법이 제공된다. 루비 모듈은 후리가나 텍스트를 감싸는 <code>ruby</code> 태그와, 원래 텍스트를 감싸는 <code>rb/rbc</code> 태그, 후리가나를 감싸는 <code>rt/rtc</code> 태그, 그리고 루비를 표시할 수 없는 경우 사용할 괄호를 지정하는 <code>rp</code> 태그로 이루어져 있다.

여러 웹 브라우저들은 XHTML 1.1 이전의 표준에서도 루비 모듈을 쓸 수 있도록 확장하고 있지만 엄밀하게는 문법 위반이다. 다음은 루비 모듈을 사용해서 후리가나를 표현하는 예이다.
:<code><nowiki><ruby><rb>漢字</rb><rp>(</rp><rt>かんじ</rt><rp>)</rp></ruby></nowiki></code>

당신이 현재 사용중인 브라우저에서 위의 내용은 다음과 같이 출력된다.
:<ruby><rb>漢字</rb><rp>(</rp><rt>かんじ</rt><rp>)</rp></ruby>
위 내용은 루비를 지원하지 않는 브라우저에서는 아래와 같이 출력된다.
:漢字(かんじ)

위 내용은 루비를 지원하는 브라우저에서는 아래와 같이 출력된다.
:{| style="display:inline; text-align:center; line-height:1em;" cellspacing="0" cellpadding="0"
| style="font-size:0.5em;" | かんじ
|-
| 漢字
|}
=== 루비 지원 웹 브라우저 ===

[[파일:강희제 시호 IE 8.png|frame|[[인터넷 익스플로러]] 8에서의 한글 루비(<nowiki><big></nowiki> 태그 사용)]]
*루비를 자체 지원하는 브라우저
** [[인터넷 익스플로러]](Internet Explorer v6.0.2900.5512 이상)
** [[구글 크롬]]
** [[사파리 (웹 브라우저)|사파리]]
** [[모질라 파이어폭스]](Firefox v38.0 이상)<ref>확장 기능 [https://hacks.mozilla.org/2015/03/ruby-support-in-firefox-developer-edition-38/ Ruby support in Firefox Developer Edition 38]를 설치하면 루비를 제대로 출력할 수 있다.</ref>

[[파일:강희제 시호 루비.png|frame|[[OS X]]의 [[파이어 폭스]]에서 [https://addons.mozilla.org/ko/firefox/addon/1935 XHTML Ruby Support]{{깨진 링크|url=https://addons.mozilla.org/ko/firefox/addon/1935 }} 확장 기능을 사용한 모습]]
*확장 기능을 통해 루비를 지원하는 브라우저
** [[오페라 (웹 브라우저)|오페라]](Opera v9.24)<ref>확장 기능 [https://addons.opera.com/en/addons/extensions/details/html-ruby/ HTML Ruby]{{깨진 링크|url=https://addons.opera.com/en/addons/extensions/details/html-ruby/ }}를 설치하면 루비를 제대로 출력할 수 있다.</ref>

*루비를 지원하지 않는 브라우저
** [[넷스케이프 내비게이터]](Netscape Navigator v9.0.0.3)

== 같이 보기 ==
* [[후리가나]]
* [[주음부호]]

== 각주 ==
<references/>

== 외부 링크 ==
* {{언어링크|en}} [http://www.w3.org/TR/ruby/ W3C 루비 모듈 표준]

[[분류:타이포그래피]]