ruby

ruby 要素

ruby 要素型 (HTML, XHTML 1, JIS X 4052)

[13]

状態
W3C 勧告, JIS 規格
名前空間URI
http://www.w3.org/1999/xhtml
局所名
ruby (ルビ (ruby) より)
開始タグ
必須
終了タグ
必須
出現できる文脈
%inline な文脈 (ruby子孫を除きます)
内容モデル
rb, rp?, rt, rt, rp? (単純ルビ), rbc, rtc (複雑ルビ)
XHTMLモジュール
ルビモジュール (W3C ルビ注釈勧告)
属性
(共通属性)

内容モデル

[24] 単純ルビと複雑ルビ

[25] rprp の項を参照。

[17] JIS X 4052 の形式では rp 要素がない。

[26] ruby の入れ子

[34]

rp, rt, rp, rt, rp や rp, rtc, rp を書けないのは欠陥 (後者はわざとだろうが。。。) (名無しさん [sage])

[127] The W3C Ruby Recommendation defines the minimal content model and the maximal content model for the ruby and related elements. The syntax used for the abstract definition of those elements are defined in the XHTML m12n 1.0 Recommendation. However, the Recommendation does not address the issue of relationship for inter-element whitespaces, comments, and processng instructions with the content model at all. Therefore, one can argue that no inter-element whitespace characters inserted between elements according to the Ruby Recommendation. (名無しさん)

歴史

[2] “JIS X 4052:2000(日本語文書の組版指定交換形式)”と“Ruby Annotation, W3C Recommendation 31 May 2001”におけるルビ・マークアップ方式の開発 — テキスト形態構造の交換可能性と国際整合性を求めて— http://www.ne.jp/asahi/yabe/masafumi/articles/yb010714.pdf

JIS X 4052 と (XHTML) Ruby Annotation の開発に関わった人の、両 ruby 要素についての記事。

[4] http://groups.google.co.jp/groups?threadm=a3brmu%24qm4%241%40news.sfc.keio.ac.jp どうして XHTML 1 ruby が今の形になったのかという話。 (出演: mimasa 先生ほか)

[35] ルビ付きテキストのマrクアップ 一組版処理対象要素の構造化と複数の構造モデルを内包するXl一汗ML Ruby DTDモジュール.一 (家辺勝文著、2001年10月発表) http://world.nijl.ac.jp/~kiban-s/project/seika_pdf/2002-013.pdf

>>2 とほぼ同内容

(名無しさん [sage])

[36] Implementing the Ruby Module http://www.w3.org/TR/ruby-implementation/ (名無しさん [sage])

[93] Ruby Annotation (2001-05-31 21:47:31 +09:00 版) http://www.w3.org/TR/2001/REC-ruby-20010531/ (名無しさん)

[94] Ruby Annotation (2001-04-06 12:31:49 +09:00 版) http://www.w3.org/TR/2001/PR-ruby-20010406/ (名無しさん)

[95] >>94 より

After review by the Consortium's Advisory Committee, this specification will either be published as a Recommendation together with XHTML 1.1, into which it is included by reference, or (if review shows further changes are required) republished as a Candidate Recommendation or as a Working Draft. Adjustments to the notation will be made should they become necessary as a consequence of changes to XHTML 1.1.

(名無しさん)

[96] Ruby Annotation (2001-02-17 01:50:21 +09:00 版) http://www.w3.org/TR/2001/WD-ruby-20010216/ (名無しさん)

[97] >>96 より

This document is a W3C Working Draft produced in preparation for moving to Candidate Recommendation.

これ自体は LC ではない模様。 (名無しさん)

[98] Ruby Annotation (1999-12-18 00:26:19 +09:00 版) http://www.w3.org/TR/1999/WD-ruby-19991217/ (名無しさん)

[99] >>98LC

After last call comments have been addressed, the Working Group expects to advance this specification to Candidate Recommendation, and then to Proposed Recommendation together with XHTML 1.1, into which it will be included by reference. While the actual markup structure will not be changed at that point in the process, the I18N WG and the editors will make the necessary technical adjustments in notation if such adjustments become necessary as a consequence of changes to XHTML 1.1.

(名無しさん)

[100] Ruby (1999-09-25 01:07:00 +09:00 版) http://www.w3.org/TR/1999/WD-ruby-19990924/ (名無しさん)

[101] >>100

In a future version, this work is intended to be submitted to the HTML Working Group (members only) for inclusion as a module in the XHTML 1.1 [XHTML11].

(名無しさん)

[102] Ruby (1999-03-20 09:36:59 +09:00 版) http://www.w3.org/TR/1999/WD-ruby-19990322/

>>101 と同じ (名無しさん)

[103] Ruby (1998-12-21 09:24:20 +09:00 版) http://www.w3.org/TR/1998/WD-ruby-19981221/ (名無しさん)

[104] >>103

In a future version, this work is intended to be submitted to the HTML Working Group (members only) for inclusion in the next version of HTML.

(名無しさん)

[105] Ruby (1998-12-21 09:24:20 +09:00 版) http://www.w3.org/TR/1998/WD-ruby-19981221/

>>104 と同じ。 (名無しさん)

[106] 公開メイリングリストでのこの仕様に関する議論が最後に行われたのは 1999年12月の www-international で、その後の www-internationalwww-i18n-comments では勧告されるまでずっとまったく触れられていないようなのですが・・・。

(名無しさん)

[107] >>106 しかしそれ以前の www-international でも、 WD が出たときに少し話題になる程度。コメントは W3C 会員しかみれない i18n-editor に送れと書いてあるので、 実際にはもっとコメントがあったのかもしれませんが。

昔の W3C の閉鎖性は今以上にひどいね。

(名無しさん)

[108] >>106-107 同時期の www-htmlrubySubject に入った記事は1回だけ (WD の告知)。勧告の告知すら流れていない。 (名無しさん)

[109] 6 W3C Technical Reports (1999-11-12 05:06:17 +09:00 版) http://www.w3.org/Consortium/Process/Process-19991111/tr.html#RecsCR

当時の手続きでも、CR を出して、実装報告があるものでないと PR には進めないはず (実装報告の公開の義務はないけど)。 (名無しさん)

[110] 同時期の XHTML 1.0CR を飛ばしている。 >>109CR ができたのと同時期に策定中の仕様だから CR を免除された?

でも >>99 で次は CR だと言っているのに・・・。

(名無しさん)

文書型・媒体型

[20] ruby要素型が含まれている W3C 勧告文書型は、 XHTML 1.1 だけです。ですから、 W3C 勧告文書型を使用して ruby が含まれる文書を記述するなら、 (HTML 4XHTML 1.0 ではなく) XHTML 1.1 を採用しなければなりません。

[21] XHTML 1.1 文書では、媒体型として (text/html ではなく) application/xhtml+xml を用いるのが良いとされています。

[22] >>20-21 より、 W3C 勧告を用いて ruby を使うなら、 application/xhtml+xml札付けされた XHTML 1.1 文書とするのがよい、 となります。

[23] その一方で、既存の ruby の実装である WinIEXHTML Ruby Support などは、 文書型媒体型XHTML 1.1application/xhtml+xmlなくてもruby を解釈し、レンダリングします。

WinIE はそもそも application/xhtml+xml を実装していません。

[16] 元々 W3Cルビ注釈仕様の古い作業原案では、 XHTML の場合だけでなく、 (HTML 4 のような) SGML に基づく HTML 向けにも同じ ruby要素型群が定義されていましたが、後に削除されてしまいました。 現実に XHTML でない HTML で実装・利用されてしまっていることを無視した変更にも関わらず、 なぜか rb タグが無い従来の実装との互換性に関するメモが代わりに追加されています。

[17] XHTML 1.1 は従来の HTML とは互換性が無い文書型であり、 application/xhtml+xml札付けしなければならないと主張する人は、 その非互換性の根拠の一つとして ruby要素型の追加を挙げることがあります。

たしかに W3C 勧告だけを見ればもっともな主張ですが、 text/html札付けされた XHTML ではない従来の HTML で既にこれらの要素型群が既に利用されている実態を無視して一体何が非互換だと言えるのでしょうか。 元々 HTML知らない要素型は無視するという誤り回復の大原則の下に拡張されてきたのであり、 ruby もその延長線上にあるに過ぎません。 rp 要素型の存在こそがその証左ではありませんか。

それを、 XHTML 1.1application/xhtml+xml札付けした文書でなければ ruby を使ってはいけないなどと主張するのは実に愚かなことであります。 しかも ruby の最も広く用いられている実装が application/xhtml+xml に対応していないというのに。

実装

[11] IEのルビ http://piro.sakura.ne.jp/latest/2005/02.html#d27-A7EE5347-2

もうほんとIEのルビの仕様って謎だらけだ。

[5] IEruby 要素 を含む HTML を表示すると、 ruby のある行 とない行で行間がだいぶかわって、すんごく読みにくいですよね。 あれ、なんとかならないんでしょうか。

CSSline-height とかでも駄目みたいだ・・。

[7] Excel で HTML を出力させると、

<ruby>価格<span style='display:none'><rt>カカク</rt></span></ruby>

のようになります。

[27] Ruby Editor http://hp.vector.co.jp/authors/VA027424/ruby.htm

ruby 要素を生成するソフトウェア。 2001年6月、7月、 Hiroe 作、 Win32 用、無料。

rb, rp, rt終了タグを省略するようです。

(名無しさん [sage])

[30] ルビ振りサービスとは:アダプティブテクノロジー http://www.adaptive-techs.com/ruby/index.html

閲覧する Web頁受信する電子メイルルビを付け加える無料サービス。 電子メイルtext/plain (行内) でも text/html でも OK で、 後者なら ruby を使える。

ルビ文としては、仮名の他に羅馬字も選べる。

(名無しさん 2005-12-24 08:01:21 +00:00)

[31] キッズgoo [ヘルプ] 漢字ひらがな変換について http://kids.goo.ne.jp/info/kanji.html

検索結果のWeb頁gooルビつきに変換して閲覧できる。 以前は小学校3年生以下の教育漢字にはルビを振らない選択ができた。

(名無しさん [sage])

[32] ルビ振りスクリプト(ルビタグ作成) (PONTA 著、2005年7月付け) http://www.animegif.net/tips/javascript/ruby-script.html

XHTML ruby 要素を生成する DHTML 応用。 (名無しさん [sage])

[38] Internet Explorer (MacOS) CSSバグリスト

(名無しさん [sage])

[41] Nucleus ルビプラグイン - Weblog http://ryus.s21.xrea.com/w/item/636 (名無しさん 2006-01-06 02:47:31 +00:00)

[48] Ruby in HTML - Anne’s Weblog about Markup & Style http://annevankesteren.nl/2006/01/ruby (名無しさん 2006-01-30 00:45:53 +00:00)

[49] WinIE 6 does not recognize rt and rp start/end tags outside any ruby element. For example,

<p>Paragraph text, <rt>ruby text</rt>.</p>

is result in a DOM tree whose p element node contains:

  • Text node,
  • rt element node,
  • Text node,
  • /rt element node, and
  • Text node.

(The same is applied for the rp element type. Interestingly, this is how td tags are parsed outside table.)

(名無しさん)

[52] ルビ表示はユーザスタイルシートで! - 徒書 http://www.akatsukinishisu.net/itazuragaki/css/use_ruby_style_as_user_stylesheet.html (名無しさん 2006-06-01 22:08:03 +00:00)

[53] >>52:

というか2003年から勧告候補のままということは、もしかして勧告の見込み無しだったりするのでしょうか。うーむ。

ヒント: CSS WG は過負荷

2008年勧告予定、おそらくさらにおくれる

(名無しさん 2006-06-01 22:11:35 +00:00)

[54] Shishimushi - &#65279;Operaにおけるルビ表示 http://kawatarou.info/note/opera/ruby.htm (名無しさん 2006-10-21 23:24:03 +00:00)

[55] 2006年10月の戯言 - 駄的HTML改善計画 http://car.s35.xrea.com/diary/200610.php#D21-01 (名無しさん 2006-10-21 23:24:48 +00:00)

[59] rt start-tag closes opening rp elements, while rp start-tag does not close any opening rt element.

(名無しさん)

[64] BugTrack-plugin/330 - FreeStyleWiki (2007-03-06 09:01:52 +09:00 版) http://fswiki.poi.jp/wiki.cgi?page=BugTrack%2Dplugin%2F330 (名無しさん)

[69] How invalid markup will be rendered in WinIE 6?

<ruby>XX<XXX>WWW</XXX>ZZZ<rt>YYYYYYYYYYYY</rt></ruby>

Most block-level elements, including address, blockquote,, dir, menu, ol, ul, div, dl, form, hn, pre, xmp, listing, p, center, br, (plaintext), (isindex) are rendered like:

XX
WWW
YYYYYYYYYYYY (small)
    ZZZZ

while table, fieldset, hr are rendered like:

XX
ZZZZYYYYYYYYYYYY (Y's are smaller than other characters)
WWW

Note that inline-level elements including iframe, button, input, a, img, textarea, map, marquee are rendered like:

YYYYYYYYYYYY (small)
 XXWWWZZZZ

(名無しさん 2007-05-21 11:50:41 +00:00)

[70] What about invalid elements in rt?

<ruby>YYYYYYYYYYYY<rt>XX<XXX>WWW</XXX>ZZZZ</rt></ruby>

Block-level elements, including address, blockquote, center, ul, ol, dir, menu, dl, fieldset, form, h1, hr, isindex, listing, p, pre, xmp, table, br, (plaintext) are rendered like:

  XXX (small)
YYYYYYYY
WWW (small)
ZZZ (small)

Note that inline-level elements including button, a, iframe, img, map, marquee are like:

XXXWWWZZZ (small)
YYYYYYYY

(名無しさん 2007-05-21 11:55:04 +00:00)

[71] How WinIE 6 constructs DOM from a tag soup?

  • <ruby> closes any opening ruby element in scope. If any rt or rp elements descendant of that element are opened, then they are also closed. (In scope means that it does not search such element across caption, marquee, button, td, th.) It does not close any other elements (including inline-level elements, p, li, dt). It opens a ruby element.
  • </ruby> closes any opening ruby element in scope, as well as descendant rt and rp elements, but not other elements (including inline-level elements, li, dt). However, if there is no opening ruby element in scope, then it does nothing except a /ruby element node is appended.
  • <rt> closes any opening rt element in scope and descendant rp element thereof, but does not close any other elements. It opens a rt element and append it to both the opening ruby element and the current node (if they are different). For example, in <ruby><rt><b><rt> the second rt element belongs both to the ruby and the b. However, if there is no ruby element in scope, then a rt element node is appended as if it were a text node and the current node is left as is.
  • </rt> closes any opening rt element in scope, as well as its descendant rp element, but not any other elements. However, if there is no ruby element in scope, then a /rt element node is appended as if it were a text node and the current node is left as is.
  • <rp> closes any opening rp element in scope, but not any other elements. It opens a rp element and append it to the current node. However, if there is no ruby element in scope, then a rp element node is appended as if it were a text node and the current node is left as is.
  • </rp> closes any opening rp element in scope, but not any other elements. However, if there is no ruby element in scope, then a /rp element node is appended as if it were a text node and the current node is left as is.
  • If an opening element opened before <ruby> is closed explicitly or implicitly, then any following sibling nodes are also appended to the parent of the closed node. For example, in <body><a><ruby><rt></a>b</ruby></body>, the text node b belong both body and rt. Likewise, in <body><a><ruby><rt><a>b</ruby></body> the second a belongs both body and rt. In <body><a><ruby><rt></a>b<rt>c</ruby></body> the second rt belongs both body and ruby.

(名無しさん 2007-05-21 12:45:36 +00:00)

[72]

  • No start or end tag other than ruby, rt, or rp does close opening ruby, rt, or rp elements.

(名無しさん 2007-05-21 12:47:41 +00:00)

[73]

<ruby><rbc><rb>A</rb><rb>B</rb></rbc><rtc><rt>C</rt><rt>D</rt></rtc>

... is rendered as:

C D (small)
A B

... while:

<ruby><rbc><rb>A</rb><rb>B</rb></rbc><rtc><rt>C</rt> <rt>D</rt></rtc>

... is rendered as:

 C  D (small)
A B

... since the text node between two rts is cosidered as a ruby base.

(名無しさん 2007-05-21 14:01:54 +00:00)

[74] >>71 If marquee, caption, td, th, or button has been opened before ruby, then an end tag of those element closes all elements until that element is closed, including ruby, rt, and rp. For example, in <body><marquee><ruby><rt></marquee>c, the text node c is a child of the body. In <body><marquee><ruby><rt><a></marquee>c, again, the text node c is a child of (only) the body.

(名無しさん 2007-05-21 15:18:42 +00:00)

[75] Kanjidict 1.7.2 (2007-05-22 09:17:53 +09:00 版) http://kanjidict.stc.cx/dict

Japanese/English web dictionary application (2007-05-22 09:18:10 +09:00 版) http://bisqwit.iki.fi/source/japkanji.html

(名無しさん)

[76] >>75 の出力例:

<ruby><rbc><rb><span class=kanares> ルビー</span></rb></rbc><rp> (</rp><rtc><rt>rub&#299;</rt></rtc><rp>) </rp></ruby>

(名無しさん 2007-05-22 00:21:20 +00:00)

[77] >>75 の出力例:

<ruby><rbc><rb><span class=kanjires><a href="3948">紅</a><a href="364C">玉</a></span></rb></rbc><rp><br> (</rp><rtc><rt><span class=kanares><span class=kanares> こうぎょく</span></span></rt></rtc><rp>) </rp><rp> (</rp><rtc><rt>kougyoku</rt></rtc><rp>) </rp></ruby>

(名無しさん 2007-05-22 00:27:57 +00:00)

[78] Yahoo!きっずよみがなツール (2007-06-02 19:36:23 +09:00 版) http://cvt.kids.yahoo.co.jp/yomigana/index.cgi

A ruby gateway. It generates ruby for WinIE:

<td><small><a  target="_top" href="http://cvt.kids.yahoo.co.jp/yomigana/index.cgi?ykvrank3&ykvdesturl=http%3a%2f%2fhelp%2eyahoo%2eco%2ejp%2fhelp%2fjp%2fkids%2fproperties%2fproperties%2d35%2ehtml" class=sbody><ruby><rb>恐竜</rb><font Style=text-decoration:none; ><rp>(</rp><rt>きょうりゅう</rt><rp>)</rp></font></ruby>カードの見方</a></small></td></tr>

... while font for other browsers:

<tr><td width="1%" valign=top><small><b>2.</b></small></td>
<td><small><a  target="_top" href="http://cvt.kids.yahoo.co.jp/yomigana/index.cgi?ykvrank3&ykvdesturl=http%3a%2f%2fhelp%2eyahoo%2eco%2ejp%2fhelp%2fjp%2fkids%2fproperties%2fproperties%2d35%2ehtml" class=sbody>恐竜<font size=-2>(きょうりゅう)</font>カードの見方</a></small></td></tr>
<tr><td width="1%" valign=top><small><b>3.</b></small></td>

(名無しさん 2007-06-02 10:38:23 +00:00)

[79] >>78

現在はYahoo!きっず以外のページでは使えません。

(名無しさん 2007-06-02 10:41:36 +00:00)

[80] ふりがな 付けます (2007-06-02 19:42:46 +09:00 版) http://www.hiragana.jp/

A ruby gateway. (名無しさん 2007-06-02 10:43:38 +00:00)

[84] 影鷹 : HTML タグ対応状況詳細 (2005-05-09 20:53:18 +09:00 版) http://www.kagetaka.org/spec-html.html

単純ルビには対応、複雑ルビには未対応。 (名無しさん)

[87] IE以外でルビ (2007-08-24 19:49:33 +09:00 版) http://welkin.s60.xrea.com/blog/index.php?UID=1152418820

作者の方曰く、「このスタイルシートはユーザスタイルシートで指定すべきもので、製作者スタイルシートで指定すべきものではない」とのことなのですが、属性セレクタ使ってIEを避ければ使えないかなぁ、と思い、数時間ああでもないこうでもないと弄っています。

そういう問題ではないような。

(名無しさん)

[88] Shishimushi - Operaにおけるルビ表示 (2007-08-24 19:58:17 +09:00 版) http://kawatarou.info/note/opera/ruby.htm (名無しさん)

[122] >>71 WinIE creates a non-tree DOM for, say, <ruby>xxx<span>yyy<ruby>zzz

(名無しさん)

[123] 本気(マジ)なアクセシビリティ - とりココBlog - 福島県郡山市のITブログ (2008-05-31 20:12:13 +09:00 版) http://toricoco.livedoor.biz/archives/50095107.html (名無しさん)

[124] たとえばこんなルビ表示 - 桝席 (2008-05-31 01:46:15 +09:00 版) http://www.masuseki.com/index.php?u=idea/060603_ruby.htm (名無しさん)

[125] ruby要素を擬似的に再現する ≪ Archive ≪ Alias under the Azure (蒼井拓 著, 2008-05-15 21:38:27 +09:00 版) http://tkblue.s221.xrea.com/web/ruby (名無しさん)

[126] undefined variable:UserJS : rubyタグ ルビ振りスクリプト | PLAYLOG (2008-05-31 20:36:01 +09:00 版) http://playlog.jp/gyokuto/blog/2007-03-09 (名無しさん)

不思議解釈

[8]

<span class="aHeadlineText">毛無関係…<ruby>け<rt><b>、</b><ruby><ruby>な<rt><b>、</b><ruby><ruby>し<rt><b>、</b><ruby>合い</span>

出典: asahi.com : 関西 : お悩み祭り http://www.asahi.com/kansai/special/OSK200407300019.html (2004年7月付け、2004年7月現在。)

記事の見出しらしき部分です。 (見出しなら素直に hn を使えばよいものを。)

いったい何を意図しているのやら、さっぱりわかりません。 と思って WinIE 6 で見たら、傍点を打とうとしていたことがわかりました。 (.//2004-07-31 参照。) つまり、偶数個目の <ruby> は本来 </ruby> とするべきもので、 WinIE は ruby の入れ子はできないという原則に従って ruby の終了タグを補ってくれるようです。

[9] >>8 とまったく同じものが記事一覧にもあります。

asahi.com : 関西 : 特集一覧 http://www.asahi.com/kansai/special/#onayami (名無しさん 2004-07-31 08:16:13 +00:00)

[10] STYLEの「倉庫」 http://www4.ocn.ne.jp/~tester/style/kowaza_ruby.html#ruby0 (2004年7月31日付) は1つの ruby 要素内に rb 要素相当と rt 要素を何度も連続して使う例を紹介しています。 こんなのでも WinIE意図した通りに表示してしまいますよ。すごいですねー。

<ruby style="font-size: 14pt; color: black">
本気<rt>まじ</rt><br>
特攻<rt>ぶっこみ</rt><br>
薔薇と憂鬱<rt>べるばら</rt><br>
躊躇<rt>むせんいんしょく</rt>
</ruby>

(名無しさん 2005-02-23 06:46:13 +00:00)

[33] ruby は従来の HTML と非互換?

たまに、 ruby はそれ以前の HTML では非互換である (から text/htmlではなくapplication/xhtml+xmlで使用するべきだ) などと主張する人がいます。しかし、以前からの知らない要素型は無視する伝統的な誤り回復法に基づけば、rpを使う限り非互換とはとてもいえません。

この程度の非互換変更はruby以前にも、例えばtable導入時に行われています。tableにはrpに相当するものが無く、未対応の利用者エージェントでは表示が崩れることが問題だと当時はいわれていました。それに比べれば、rubyの追加など微々たる変更に過ぎません。

未対応の利用者エージェントルビ文が煩さ過ぎるという問題もありますが、こちらはrubyマーク付け自体ではなく、CSSなどによるレンダリング側の問題です。ここでいう非互換などの主張の根拠にはなりえません。

(名無しさん [sage])

[51] ruby要素の不合理 http://web.xii.jp/iec/html/memo/ruby

ruby が単に振り仮名だけを表すものではないことは仕様書を読めばわかるのに、 それを読まないで (または無視して) 妙な主張をする人は後を絶たない。

でも仕様書は背景説明が少なすぎるかも。

(名無しさん 2006-05-14 08:26:15 +00:00)

関連

[12] Creating web pages with lyrics and chords mid:loom.20050808T033608-69@post.gmane.org から始まるスレでは、ギターコード歌詞を併記したいという問いに対して ruby を使う案が挙げられています。

ギターに限らず音の名前や番号などを併記する必要がある場面で使えそうです。

流石に沢山のパートを全部書きたい時は table を使うとか、楽譜用のマーク付け言語を使うのが正しいでしょうが。

[37] 両側複雑ルビの例

<ruby>
 <rbc><rb>整</rb><rb>形</rb><rb>式</rb></rbc>
 <rtc><rt>せい</rt><rt>けい</rt><rt>しき</rt></rtc>
 <rtc><rt rbspan="3">well-formed</rt></rtc>
</ruby>

レンダリング例

整形式 (せい-けい-しき / well-formed)

(名無しさん [sage])

[39] Opera 7 で ルビデモ (text/htmlモード) http://www.minc.ne.jp/~konda/diary/ruby_for_ope7.html

CSS 2.1で擬似的にルビレンダリングさせる例 (名無しさん [sage])

[40] 両側複雑ルビ・またぎあり・日英併記の例

<ruby>
  <rbc>
    <rb>骨</rb>  <rb>粗</rb>  <rb>鬆</rb>  <rb>症</rb>
  </rbc>
  <rtc>
    <rt>こつ</rt>  <rt>そ</rt>  <rt>しょう</rt>  <rt>しょう</rt>
  </rtc>
  <rtc>
    <rt rbspan="4" xml:lang="en">osteoporosis</rt>
  </rtc>
</ruby>

(名無しさん [sage])

[50] Ruby Annotation Under The Sunlight - W3C QA Weblog http://www.w3.org/QA/2006/02/ruby_annotation_to_change_the.html (名無しさん 2006-02-14 03:32:55 +00:00)

[56] GEO internationalization tests http://www.w3.org/International/tests/#ruby (名無しさん)

[57] 雙子&#35987;的世界:網站規劃:國際化的困難與挑戰 http://www.pagras.net/wd/i18n/index.html (名無しさん)

[58] An HTML Ruby Test Suite http://suika.fam.cx/~wakaba/-temp/test/html/ruby/

(名無しさん 2006-11-12 07:35:14 +00:00)

[60] Index of /People/mimasa/test/ruby http://www.w3.org/People/mimasa/test/ruby/ (名無しさん)

[61]

いいか<ruby>
<rbc><rb>釜</rb><rb>右ヱ</rb><rb>門</rb>
<rp>(</rp>
<rtc><rt>かま</rt><rt>え</rt><rt>もん</rt>
<rp>)</rp>
</ruby>。 

レンダリング例:

            かま   え   もん
 い  い  か  釜  右  ヱ  門  。 

(名無しさん)

[85]

<ruby>
  <rbc>
    <rb>H</rb>
    <rb>T</rb>
    <rb>M</rb>
    <rb>L</rb>
  </rbc>
  <rtc>
    <rt rbspan="2">HyperText</rt>
    <rt>Markup</rt>
    <rt>Language</rt>
  </rtc>
</ruby>

(名無しさん)

[86] >>85

本来ルビでないものを無理矢理例示のためにルビにした不自然な例だと思います。

(名無しさん)

[91] 三里にわたる千里山脈 (1997-10-11 02:37:00 +09:00 版) http://homepage.mac.com/ryomasuda/Saigoku/history/Chisato/range.html

千里山<FONT SIZE=-2 COLOR=BROWN>(ちさとやま)</FONT>と<BR>称す

(名無しさん)

[92] Test results: Ruby markup served as text/html (2007-10-30 21:25:05 +09:00 版) http://www.w3.org/International/tests/results/results-ruby-markup-2.php (名無しさん)

[111] 中時部落格-金色巨塔-十一月台股政經大事預覽 (2008-05-10 15:22:36 +09:00 版) http://blog.chinatimes.com//sean/archive/2006/11/01/123326.html

<RUBY><FONT class=font5><RT class=font5></RT></FONT></RUBY>

??? (名無しさん)

[112] 羊のうたとは - はてなダイアリー (2008-05-10 15:24:55 +09:00 版) http://d.hatena.ne.jp/keyword/%cd%d3%a4%ce%a4%a6%a4%bf

<p><ruby><rb>高城一砂</rb><rp>(</rp><rt>たかしろ かずな</rt><rp>)</rp></ruby>は幼い頃に母を亡くし、父の友人である江田夫妻のもとで暮らしてきた。

Part of user contributed dictionary Web site using HTML 4.01 Transitional DTD.

(名無しさん)

メモ

[16]

ruby 要素って文書構造を表していないよなあ・・。

[18] >>16 そうでもないのでは。 枝分かれがあって非線形な構造を表していると考えられます。

[6] XHTML 2rp 要素が削除されることを期待。

[19] >>6 結局そのまま残るようで。

[1] ruby 要素を画像と題を結びつけるのに使うというアイデア: Ruby-Bildunterschrift-Hack http://webdesign.crissov.de/ruby-hack (独逸語)

元の ruby の semantics を拡大解釈し過ぎるのはよくないと思いますが。。。

[13] rubyWinIE の独自拡張だと称するのは、 間違ってはいませんが、あまり正しくありません。 MicrosoftW3C で議論されていたルビ原案を (仕様が確定する前に) 勝手に実装しただけです。 勝手に先走って実装したことは非難の対象にもなるでしょうが、 だからといってそれを独自拡張だと呼ぶのはルビの仕様を Microsoft が勝手に作ったような印象を与えます。 そういう印象は不当な批判や過大な評価につながります。

[14]

つ
継ぎ
patch

のような場合はどうマーク付けすればよいのでしょうか?

<ruby xml:lang="ja">
  <rbc>
    <rb>継</rb><rb>ぎ</rb>
  </rbc>
  <rtc>
    <rt>つ</rt><rt/>
  </rtc>
  <rtc xml:lang="en">
    <rt rbspan="2">patch</rt>
  </rtc>
</ruby>

こんな感じで良いの?

[15] 世間には、なぜか ruby タグで普通の文の一部が括ってあるだけの謎なものが存在します。 (振り仮名も何もなしで。)

[42]

ふ じ わ ら の ふ   ひ   と
  藤    原     不   比   等

これは複雑ルビ方式ではマーク付けできない?? (名無しさん)

[43]

  むげん
  無 限  ル ー プ
infinite  loop
<ruby xml:lang="ja">
  <rbc>
    <rb>無</rb><rb>限</rb>
  </rbc>
  <rtc>
    <rt>む</rt><rt>げん</rt>
  </rtc>
  <rtc xml:lang="en">
    <rt rbspan="2">infinite</rt>
  </rtc>
</ruby><ruby xml:lang="en">
  <rb>ループ</rb>
  <rt style="ruby-position: below">loop</rt>
</ruby>
classスタイル・シートに頼らなくても、 普通は上にレンダリングされるようなルビ普通は下にレンダリングされるようなルビを区別できると良いのですが。。。

(名無しさん [sage])

[44] >>43

>>14 がありなら、

<ruby><rb>ループ</rb><rt/><rt>loop</rt></ruby>

もありのような気もしますが。。。 (名無しさん)

[45]

てきごう  りようしゃ
 適 合 XHTML利用者エージェント
conforming   user   agent
<span xml:lang="ja">
<ruby><rb>適合</rb><rt>てきごう</rt><rt xml:lang="en">conforming</rt></ruby>
<abbr xml:lang="en" title="Extensible HyperText Markup Language">XHTML</abbr>
<ruby><rb>利用者</rb><rt>りようしゃ</rt><rt xml:lang="en">user</rt></ruby>
<ruby><rb>エージェント</rb><rt/><rt xml:lang="en">agent</rt></ruby>
</span>

(名無しさん)

[46] タグを省略した例:

<ruby lang="ja">綺麗<rp> (<rt>きれい<rp>) </ruby>

(名無しさん [sage])

[47]

ホワイト・ノイズ
 白  色    雑音

>>42 と同じで複雑ルビマーク付けできない。無理にするなら

<ruby>
  <rbc><rb>白色</rb><rb/><rb>雑音</rb></rbc>
  <rtc><rt>ホワイト</rt><rt>・</rt><rt>ノイズ</rt></rtc>
</ruby>

ただルビ=を入れる例はあまり見ないし、 いれたとしても必ずしもルビ基底文とルビ文で位置を合わせる必要は無い (単純ルビマーク付けで十分) かも。 (名無しさん)

[62] fj.net.www | 秋津ルビ on the Web (Re: 秋津透) (2007-02-05 21:23:38 +09:00 版) http://groups.google.co.jp/group/fj.net.www/msg/5fc47561a9e57ea3

(名無しさん)

[63] Bug 33339 &#8211; XHTML <ruby> support (2007-02-10 14:19:31 +09:00 版) https://bugzilla.mozilla.org/show_bug.cgi?id=33339 (名無しさん)

[65] What should be represented by a ruby? What should be represented by a series of ruby?

Close and re-open ruby at word boundary would be a good starting point. But the thing might not be so simple, especially when compound words are concerned.

For example, how should the example:

こくさいかいぎ
 国 際 会 議

... be marked up with ruby?

国際‐会議 = international conference

Example 1.

<ruby><rb>国際会議</rb><rp>(</rp><rt>こくさいかいぎ</rt><rp>)</rp></ruby>

Straightforward. But what if the author want each of ruby bases and texts of two subwords (i.e. 国際 and 会議) aligned separately?

     v         v
こ く さ い か い ぎ
   国 際     会 議
     ^         ^

(assuming ruby-align: center)

Example 2.

<ruby><rbc><rb>国際</rb><rb>会議</rb></rbc><rp>(</rp><rtc><rt>こくさい</rt><rt>かいぎ</rt></rtc><rp>)</rp></ruby>

Good. This markup can support each-subword-aligned rendering.

Example 3.

<ruby><rb>国際</rb><rp>(</rp><rt>こくさい</rt><rp>)</rp></ruby><ruby><rb>会議</rb><rp>(</rp><rt>かいぎ</rt><rp>)</rp></ruby>

Good again.

Then, there is two possible alternates, Examples 2 and 3. Which would be good practice? No difference?

(名無しさん 2007-03-17 07:38:26 +00:00)

[67] 縦ルビ - 縦書きルビ振り実験サイト (2006-04-22 23:00:25 +09:00 版) http://www012.upp.so-net.ne.jp/tateruby/ (名無しさん)

[68] W3C I18N Tutorial: Ruby Markup and Styling (2006-02-03 02:46:58 +09:00 版) http://www.w3.org/International/tutorials/ruby/ (名無しさん)

[81] 全国制服図鑑。 (Marguerite Site. 著, 2007-06-17 21:02:46 +09:00 版) http://www.marguerite.jp/Nihongo/Seifuku/index.html#About

<p><ruby><rb>拙い</rb><rp>(</rp><rt>つたない</rt><rp>)</rp></ruby>作品ですが

送り仮名にまで振り仮名がある珍しい例。 ちなみにこの文書XHTML 1.1 (application/xhtml+xml)。 (名無しさん)

[82] The WHATWG Blog &#187; Blog Archive &#187; (X)HTML 5 will have the only usable implementation of ruby markup (2007-08-14 15:46:30 +09:00 版) http://blog.whatwg.org/xhtml-5-will-have-the-only-usable-implementation-of-ruby-markup (名無しさん)

[83] ルビ (2005-10-12 18:41:24 +09:00 版) http://www.dinf.ne.jp/doc/daisy/report/g-daisy/xhtml/ruby.html (名無しさん)

[89] CCSF - 逐次雑記 2003年11月下旬 (2003-12-08 00:43:06 +09:00 版) http://ccsf.homeunix.org/diary/200311-3.html#d20031123-n4

このサイトは複雑ルビを多用しています。

……これ, 複雑ルビ構造にrp要素が定義されていないから, 対策せざるを得ないんですよねえ……

rp要素っていうのは移行期間のための苦肉の策だとは言いますが, 複雑ルビ構造でも使えるようになっていれば助かるのに……

(名無しさん)

[90] YOMOYOMO - nihongo wo yomo (2007-09-02 14:01:39 +09:00 版) http://yomoyomo.jp/ (名無しさん)

[113] ルビとIE - vantguarde - web:g (2008-05-11 14:39:44 +09:00 版) http://web.g.hatena.ne.jp/vantguarde/20080417/1208441022 (名無しさん)

[114] UserJS for HTML Ruby - User JavaScript - User JavaScript (2008-05-25 23:39:36 +09:00 版) http://my.opera.com/userjs/forums/topic.dml?id=163010 (名無しさん)

[115] 時に憩う (2002-10-05 15:49:51 +09:00 版) http://bun.dokidoki.ne.jp/users/tokiwa/ikou.html

時に<ruby style="ruby-potion">憩<rt><font size="1">いこ</font></rt>う

style="ruby-potion"!?

(名無しさん)

[116] 漢詩作法入門講座 - 梁川紅蘭 - 梅花煙月図 (Sousyuu Yamashita 著, 2008-05-29 08:42:28 +09:00 版) http://sousyu.hp.infoseek.co.jp/ks500/meisi003/s002.html

梅花煙月(<small>バイカエンゲツ</small>)の図(<small>ズ</small>)

(名無しさん)

[117] 陶淵明 陶潜 帰去来兮辞 帰去来の辞 詩詞世界 碇豊長の詩詞:帰去来辞 taoqian taoyuanming (2007-12-10 20:25:11 +09:00 版) http://www5a.biglobe.ne.jp/~shici/r54.htm

形の役</B></FONT><FONT color="#009900" face="MS Pゴシック" size="-2">(えき)</FONT><FONT color="#009900" face="MS Pゴシック" size="+1"><B>と爲し,  奚</B></FONT><FONT color="#009900" face="MS Pゴシック" size="-2">(なん)</FONT><FONT color="#009900" face="MS Pゴシック" size="+1"><B>ぞ

(名無しさん)

[118] 漢文訓読 (2007-04-02 11:13:42 +09:00 版) http://www.daito.ac.jp/~oukodou/kuzukago/kundoku.html

        <p align="left"><font size="5"><strong> 子未</strong></font><font
        size="3"><strong>ダ・ル(レ)</strong></font><font
        size="5"><strong>學</strong></font><font size="3"><strong>バ(レ)</strong></font><font
        size="5"><strong>禮</strong></font><font size="3"><strong>ヲ</strong></font><font
        size="5"><strong>乎。</strong></font><font size="4"><strong>(子未だ禮を學ばざるか。)</strong></font></p>

An alternative representation of both left-side and right-side ruby texts separated by a character.

(名無しさん)

[119] Current HTML ruby markup usage (Philip Taylor 著, 2008-05-27 08:39:58 +09:00 版) http://lists.w3.org/Archives/Public/public-html/2008May/0620.html (名無しさん)

[120] WinIE 7 では、 rt 開始タグが現れるより前に文字データbody 開始タグがないと、 なぜか html 要素として rt 要素を追加します。

これは rt タグの扱いだけがおかしいのではなく、 未知扱いの開始タグ文字データbody 開始タグの前にくると必ずそうなります。

body文字データが以前に現れていないと、 仮に ruby 要素内であったとしても、 rt 開始タグは未対応扱いになるようです。

(名無しさん)

[121] WinIE 7ruby 要素以下をレンダリング上特別扱いしており、 そのままでは、たとえば rtposition: absolute を指定してもうまくいきません。 このような特別扱いは、 ruby 要素 ruby-position: inline を指定することで解除できます。 (名無しさん)

[128] >>90 より (DOM 上の構造)

<ruby onmouseover="yG(this,'眞子')" onmouseout="yL()"><rb>眞子</rb><rp>(</rp><rt>MAKO</rt><rp>)</rp></ruby> <span onmouseover="yG(this,'さま')" onmouseout="yL()">さま</span><span onmouseover="yG(this,'17')" onmouseout="yL()">17</span><ruby onmouseover="yG(this,'歳')" onmouseout="yL()"><rb>歳</rb><rp>(</rp><rt>Sai</rt><rp>)</rp></ruby> 、<span onmouseover="yG(this,'ご')" onmouseout="yL()">ご</span><ruby onmouseover="yG(this,'公務')" onmouseout="yL()"><rb>公務</rb><rp>(</rp><rt>Koumu</rt><rp>)</rp></ruby> も<ruby onmouseover="yG(this,'着々')" onmouseout="yL()"><rb>着々</rb><rp>(</rp><rt>Chakuchaku</rt><rp>)</rp></ruby>

(名無しさん 2008-10-23 14:48:37 +00:00)

[129] >>90 のサイトは、ルビ文として、平仮名のほか、ラテン文字キリル文字デバナガリ文字ハングルを選べるようになっています。

[143]

これを<SPAN lang="EN-US"><RUBY style="ruby-align:distribute-space"><RB><SPAN lang="EN-US"><SPAN lang="EN-US">小川</SPAN></SPAN></RB><RP>(</RP><RT style='font-size:5.0pt;font-family:
"MS 明朝","serif";layout-grid-mode:line'>こがわ</RT><RP>)</RP></RUBY></SPAN><SPAN style='font-size:9.0pt;font-family:"MS ゴシック";mso-ascii-theme-font:major-fareast;
mso-fareast-theme-font:major-fareast;mso-hansi-theme-font:major-fareast'>といふ。

ruby (PukiWiki)

[28]

ルビ構造

&ruby(ルビ){インライン要素};

行中で &ruby を書くとインライン要素に対するルビをふることができます。ルビに対応していないブラウザではルビが本文中に ( と ) に囲まれて表示されます。

  • ルビ構造のルビにはインライン要素を記述します。ただし、ルビの特性上、期待通りの表示になるとは限りません。
  • ルビ構造は、他のインライン要素の子要素になることができます。
  • ルビ構造は、他のインライン要素を子要素にすることができます。
  • ルビ構造をルビ構造の子要素にはできません(ネストはできません)。
  • 注釈内や文字サイズを小さくしている部分での使用は、ルビが判読できなくなるので避けてください。

ruby (YukiWiki)

[29] YukiWiki に標準で付属するルビ振りプラグインの使用例:

たとえば&ruby(魑魅魍魎,ちみもうりょう)とか。

ruby 要素 (OOXML)

[130] ECMA-376 Second Edition Part 1 17.3.3.25 より例:

w:r
w:ruby
w:rubyPr
…
</w:rubyPr>
w:rtw:r
w:ttō</w:t>
</w:r>
</w:rt>
w:rubyBasew:r
w:t東</w:t>
</w:r>
</w:rubyBase>
</w:ruby>
</w:r>

メモ

[66] Internationalization Tag Set (ITS) Version 1.0 (2007-04-03 18:11:18 +09:00 版) http://www.w3.org/TR/2007/REC-its-20070403/#ruby-annotation

[131] 元号の読み方に関する件 - Wikisource ( 版) http://ja.wikisource.org/wiki/%E5%85%83%E5%8F%B7%E3%81%AE%E8%AA%AD%E3%81%BF%E6%96%B9%E3%81%AB%E9%96%A2%E3%81%99%E3%82%8B%E4%BB%B6

<li>註: この文書では<a href="http://ja.wikipedia.org/wiki/%E3%83%AB%E3%83%93" class="extiw" title="w:ルビ">ルビ</a>が使用されています。ここでは「単語<sup style="font-size:0.75em;vertical-align:top">《ルビ》</sup>」の形で再現しています。</li>

<p>平<sup style="font-size:0.75em;vertical-align:top">《へい》</sup>成<sup style="font-size:0.75em;vertical-align:top">《せい》</sup></p>

[132] Rubyのウェブブラウザ対応状況と、XHTML/CSS Ruby周りのメモ - 血統の森+はてな ( 版) http://d.hatena.ne.jp/momdo/20090214/p1

[133] HTML Ruby - Home ( 版) http://htmlruby.codeplex.com/

[134] HTML Ruby - Kai-Lapis ( 版) http://my.opera.com/Kai_Lapis/blog/html-ruby

[135] Latest topics > XHTMLルビサポートで文字の均等割り付けに対応したよ - outsider reflex (Piro(SHIMODA Hiroshi) 著, 版) http://piro.sakura.ne.jp/latest/blosxom/mozilla/extension/rubysupport/2008-03-13_justify.htm

[136] あしたね年表 | 日本史や世界史など歴史上の人物や物、場所に関わる出来事を年表風に表示する検索サイト ( 版) http://n.ashitane.net/

						<dt><span class="font-s">おおさかじょう</span><br />
						<a href="/%E5%A4%A7%E5%9D%82%E5%9F%8E">大坂城</a>

[137] Replacing the ruby base text by the content of the rt element does not always results in an appropriate form. Consider the following example:

HTML<ruby>ルビ<rt class=secondary>ruby</ruby>

This is not semantically equal to the next example (because of lack of a space character):

HTMLruby

[138]

<td colspan="3" bgColor=#ddffee><B><FONT color=#bfb89f>■</FONT><FONT size=6><RUBY><RB>文化・観光<RT>ぶんか・かんこう</RT></B> <FONT size=5>Culture and tourism</FONT></RUBY></FONT><BR><BR></td>

[139] [whatwg] Whitespace handling in ruby ( 版) http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2009-August/021742.html

[140] IRC logs: freenode / #whatwg / 20091012 ( 版) http://krijnhoetmer.nl/irc-logs/whatwg/20091012#l-361

[141] IRC logs: freenode / #whatwg / 20091109 ( 版) http://krijnhoetmer.nl/irc-logs/whatwg/20091109#l-161

[142] IRC logs: freenode / #whatwg / 20100402 ( 版) http://krijnhoetmer.nl/irc-logs/whatwg/20100402#l-232

[144]

品性不良の者、柔道精神に悖<sup>(もと)</sup>る言動のある者は、他の事項の如何にかかわらず、昇段を認めることができない。<BR>

[145] Use Cases & Exploratory Approaches for Ruby Markup ( ( 版)) http://www.w3.org/TR/2012/WD-ruby-use-cases-20120710/

<ruby><rb>三納</rb><rp>(</rp><rt>みのう</rt><rp>)</rp></ruby>川

[147] Web Applications 1.0 r7244 Update <ruby>, including examples showing how each use case is addressed. ( ( 版)) http://html5.org/tools/web-apps-tracker?from=7243&to=7244

[148] Web Applications 1.0 r7432 clarification (some people might interpret it as meaning no more sibling rubys) ( ( 版)) http://html5.org/tools/web-apps-tracker?from=7431&to=7432

[149] fantasai 49: Towards a Unified Ruby Model ( ( 版)) http://fantasai.inkedblade.net/weblog/2011/ruby/

[150] [whatwg] <ruby> markup problems ( ( 版)) http://lists.whatwg.org/pipermail/whatwg-whatwg.org/2012-November/038141.html

[151] Use Cases & Exploratory Approaches for Ruby Markup ( ( 版)) http://www.w3.org/TR/ruby-use-cases/

[152] IRC logs: freenode / #whatwg / 20121128 ( ( 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20121128

[153] Web Applications 1.0 r7749 make <ruby> reset text-indent for sanity's sake (like with table) ( ( 版)) http://html5.org/tools/web-apps-tracker?from=7748&to=7749

[154] Web Applications 1.0 r7752 Revert recent ruby change since it was based on a misunderstanding of CSS. ( ( 版)) http://html5.org/tools/web-apps-tracker?from=7751&to=7752

[155] IRC logs: freenode / #whatwg / 20130314 ( ( 版)) http://krijnhoetmer.nl/irc-logs/whatwg/20130314

[156] Talk:Ruby character - Wikipedia, the free encyclopedia http://en.wikipedia.org/wiki/Talk:Ruby_character#Ruby_markup_on_Wikipedia

MediaWikiにおけるルビの記法

[157] Use Cases & Exploratory Approaches for Ruby Markup ( ( 版)) http://www.w3.org/TR/2013/WD-ruby-use-cases-20130910/

[158] HTML Ruby Markup Extensions ( ( 版)) http://darobin.github.io/html-ruby/

[159] Authoring ruby ( ( 版)) http://www.w3.org/International/notes/ruby-extension/

[160] Use Cases & Exploratory Approaches for Ruby Markup ( ( 版)) http://www.w3.org/TR/2013/NOTE-ruby-use-cases-20131008/

[161] W3C HTML Ruby Markup Extensions ( ( 版)) http://darobin.github.io/html-ruby/snapshots/FPWD.html

[162] W3C HTML Ruby Markup Extensions ( ( 版)) http://www.w3.org/TR/2013/WD-html-ruby-extensions-20131022/

[163] HTML Ruby :: Add-ons for Firefox ( ( 版)) https://addons.mozilla.org/ja/firefox/addon/html-ruby/

[164] sakai135/htmlruby-firefox ( ( 版)) https://github.com/sakai135/htmlruby-firefox

[165] 33339 – (ruby) HTML5 <ruby> support ( ( 版)) https://bugzilla.mozilla.org/show_bug.cgi?id=33339

[166] W3C HTML Ruby Markup Extensions ( ( 版)) http://www.w3.org/TR/2014/NOTE-html-ruby-extensions-20140204/

[167] 成田新高速鉄道と北総線<<運賃問題・現状>> ( 版) http://space.geocities.jp/the_expert_of_sith/hokusousenn.html
<h1>■2010年4月、<ruby><rb>成田新高速鉄道線<rt>なりたしんこうそくてつどうせん</ruby>開業  ~北総線に大きく貢献~</h1>
rb子要素として rt が含まれます。 IE10 では rt が小さなフォントで表示されますが、ルビとしてはレンダリングされません。 Chrome ではフォントサイズも含めてルビではなくすべて普通の状態でレンダリングされます。
[168] STAP論文 理研撤回検討 共著の教授「データに問題」 - MSN産経ニュース ( 版) http://sankei.jp.msn.com/science/news/140311/scn14031101070000-n1.htm

「S(ス)T(タ)A(ッ)P(プ)細胞」

[169] Internationalization Tag Set (ITS) Version 1.0 ( ( 版)) http://www.w3.org/TR/its/#its-conformance-1-3

[170] Internationalization Tag Set (ITS) Version 1.0 ( ( 版)) http://www.w3.org/TR/its/#selection-local

[171] Internationalization Tag Set (ITS) Version 1.0 ( ( 版)) http://www.w3.org/TR/its/#ruby-annotation

[172] Internationalization Tag Set (ITS) Version 2.0 ( ( 版)) http://www.w3.org/TR/its20/#high-level-differences-between-1.0-and-2.0

[173] 篠ノ井高校/同窓会事務局から/創立八十周年記念式典 ( 版) http://www.nagano-c.ed.jp/shino-hs/announce/dousoukai/80th_anniversary.html

<ol><li><p>八十年<sup>ながいとき</sup>を生きて<br>
[3] OASIS Open Document Format for Office Applications (OpenDocument) Version 1.2 - Part 1: OpenDocument Schema ( 版) http://docs.oasis-open.org/office/v1.2/os/OpenDocument-v1.2-os-part1.html#a6_4_text_ruby_

element-text_meta

[174] マイ大阪ガス ( 版) https://services.osakagas.co.jp/portal/mypage/
		<table class="ruby" cellpadding="0" cellspacing="0">
			<tr class="rt">
				<td></td>
				<td></td>
				<td valign="bottom">ち</td>
				<td></td>
			</tr>
			<tr class="rb">
				<td valign="middle" class="mark"><img src="img/img_01.gif"/></td>
				<td>EXAMPLEさん</td>
				<td>家</td>
				<td>の環境家計簿</td>
			</tr>
		</table>

[175] Ruby support in Firefox Developer Edition 38 ✩ Mozilla Hacks – the Web developer blog ( 版) https://hacks.mozilla.org/2015/03/ruby-support-in-firefox-developer-edition-38/

[176] ( 版) http://www3.nhk.or.jp/news/easy/index.html

<p>「NEWS WEB EASY」は、

<ruby>小学生

<rt>しょうがくせい</rt>

</ruby>

<ruby>中学生

<rt>ちゅうがくせい</rt>

</ruby>

のみなさんや、

[177] IRC logs: freenode / #whatwg / 20150831 ( 版) http://krijnhoetmer.nl/irc-logs/whatwg/20150831#l-242

[178] IRC logs: freenode / #whatwg / 20150904 ( 版) http://krijnhoetmer.nl/irc-logs/whatwg/20150904#l-1055

[179] IRC logs: freenode / #whatwg / 20150905 ( 版) http://krijnhoetmer.nl/irc-logs/whatwg/20150905#l-261

[180] [whatwg] New ruby elements in HTML (Anne van Kesteren 著, 版) https://lists.w3.org/Archives/Public/public-whatwg-archive/2015Sep/0028.html

[181] IRC logs: freenode / #whatwg / 20150908 ( 版) http://krijnhoetmer.nl/irc-logs/whatwg/20150908

[182] Support rb and rtc elements in the parser (ruby) by annevk · Pull Request #101 · whatwg/html ( 版) https://github.com/whatwg/html/pull/101

[183] Ruby styling · Issue #121 · whatwg/html ( 版) https://github.com/whatwg/html/issues/121

[184] RE: Edge and ruby markup (Travis Leithead 著, 版) https://lists.w3.org/Archives/Public/www-archive/2015Sep/0008.html

[185] Support rb and rtc elements in the parser (ruby) · whatwg/html@8d1c8af ( 版) https://github.com/whatwg/html/commit/8d1c8affec71058de29f8051cb2fa7f7bbad1fe6

[186] Re: WebKit and <rtc> elements and such (Ryosuke Niwa 著, 版) https://lists.w3.org/Archives/Public/www-archive/2015Nov/0010.html

[187] ( 版) http://www5b.biglobe.ne.jp/~sho-rai/kodamashinokeifu.htm

&nbsp;&nbsp;&nbsp; &nbsp;<ruby><rb>着到</rb><rt>(1)</rt></ruby> <br>

兒玉彌<ruby><rb>「五」</rb><rt>〔重ね書〕</rt></ruby>郎家氏申軍忠之事<br>

右、於家氏者、馳參鎮西大宰<ruby><rb>符</rb><rt>〔府〕(2)</rt></ruby>、<br>致宿直忠節上者、以此旨可有<br>

御披露候、恐惶謹言、<br>

貞和<ruby><rb>七年</rb><rt>(3)</rt></ruby>三月 日<br>

進上 御奉行所 「<ruby><rb>承了</rb><rt>(証判)</rt></ruby> (花押)」</span><br>

[188] 旧暦の仕組み3 ( 版) http://homepage2.nifty.com/o-tajima/rekidaso/calendar3.htm

「<Ruby>朔<RP>(</RP><RT>さく</RT><RP>)</RP></RUBY>」

[189] NHKニュース (日本放送協会 著, 版) http://www3.nhk.or.jp/news/

<em class="title"><ruby>東京都<rt>とうきょうと</rt></ruby>の<ruby>多摩動物公園<rt>たまどうぶつこうえん</rt></ruby> 「ライオンバス」の<ruby>運転<rt>うんてん</rt></ruby>を3<ruby>年<rt>ねん</rt></ruby><ruby>休<rt>やす</rt></ruby>む</em>

[190] 象徴としてのお務めについての天皇陛下のおことば:象徴としてのお務めについての天皇陛下のおことば(ビデオ)(平成28年8月8日) - 宮内庁 () http://www.kunaicho.go.jp/page/okotoba/detail/12

重い<ruby><rb>殯</rb><rp>(</rp><rt>もがり</rt><rp>)</rp></ruby>

[191] 異文化が交ざりあった墓碑 | 「おらしょ-こころ旅」(長崎の教会群とキリスト教関連遺産) () http://oratio.jp/p_column/ibunka-bohi

<ruby>楔<rp>(</rp><rt>くさび</rt><rp>)</rp></ruby>十字紋と3種類の十字紋が描かれている。

[192] 電書ちゃんのでんでんマークダウン - でんでんマークダウン ( ()) http://conv.denshochan.com/markdown

書き方

{電子出版|でん|し|しゅっ|ぱん}を手軽に

変換されたHTML

<p><ruby>電<rt>でん</rt>子<rt>し</rt>出<rt>しゅっ</rt>版<rt>ぱん</rt></ruby>を手軽に</p>

[193] Re: [css-text-decor] Emphasis marks and auto-hiding ruby annotation (fantasai著, ) https://lists.w3.org/Archives/Public/www-style/2016Dec/0116.html

[194] 教職員紹介|研究科紹介 |大阪大学大学院情報科学研究科 () http://www.ist.osaka-u.ac.jp/japanese/introduction/professors/

日比 孝之 <span class="kana">ひび たかゆき</span>

span 要素display: block で、 やや小さ目の文字サイズ。

[195] Dev edition: hide ruby algorithm parts (momdo著, ) https://github.com/whatwg/html/commit/5f80a44169c3c057227212f136d23014225dead2

[196] Review on utilization of `w-nodev` annotation · Issue #1488 · whatwg/html () https://github.com/whatwg/html/issues/1488

[197] Dev edition: Hide `ruby` algorithm parts by momdo · Pull Request #2804 · whatwg/html () https://github.com/whatwg/html/pull/2804

[198] 【天皇陛下譲位】官邸、宮内庁そして皇室…水面下で続いた静かなる攻防 憲法4条の狭間で揺れた1年4カ月(4/4ページ) - 産経ニュース (SANKEI DIGITAL INC.著, ) http://www.sankei.com/politics/news/171202/plt1712020004-n4.html

即位の礼や大(だい)嘗(じょう)祭(さい)などの日程・段取りはなお決まっていない。

[199] 平均年齢68歳「よど号グループ」ウェブサイト立ち上げ 「日本愛国」書き込む北朝鮮のお荷物?(2/7ページ) - 産経ニュース (SANKEI DIGITAL INC.著, ) http://www.sankei.com/premium/news/171228/prm1712280002-n2.html

(森順子=よりこ=容疑者)

[200] 外国等に対する我が国の民事裁判権に関する法律 () http://elaws.e-gov.go.jp/search/elawsSearch/elaws_search/lsg0500/detail?lawId=421AC0000000024&openerCode=1

<ruby>勾<rt>こう</rt>

</ruby>引

[201] 月磁場観測装置(LMAG)の初期データ (宇宙航空研究開発機構(JAXA)宇宙科学研究本部 SELENEプロジェクト著, ) http://www.kaguya.jaxa.jp/ja/document/edu/LMAG/edu_lmag_photo1.htm

2007年<span class="furigana">(ねん)</span>10月<span class="furigana">(がつ)</span>29日<span class="furigana">(にち)</span>

[202] () http://www.mod.go.jp/rdb/tohoku/kyouryoku_kakuho/fmradio/2705-rm.html

「<span lang=EN-US><ruby

style='ruby-align:distribute-space'><span lang=EN-US><span lang=EN-US>布</span></span><rp>(</rp><rt

style='font-size:6.5pt;layout-grid-mode:line'>ぬの</rt><rp>)</rp></ruby><span

lang=EN-US style='font-size:14.0pt'>」

[203] 「しんど」「つなみ」もルビ 大阪北部地震、NHK対応の理由 () https://www.buzzfeed.com/jp/ryosukekamba/earthquake?utm_term=.faMzovnyg#.qcdVLDyBR

[204] 「サマータイム」日本にも? | 1面の記事から | 朝日小学生新聞 | 朝日学生新聞社 ジュニア朝日 () https://www.asagaku.com/shougaku/topnews/13605.html

<ruby>大<rt>おお</rt></ruby>きな<ruby>理<rt>り</rt></ruby><ruby>由<rt>ゆう</rt></ruby>は<ruby>健<rt>けん</rt></ruby><ruby>康<rt>こう</rt></ruby>への<ruby>悪<rt>あく</rt></ruby><ruby>影<rt>えい</rt></ruby><ruby>響<rt>きょう</rt></ruby>。<ruby>睡<rt>すい</rt></ruby><ruby>眠<rt>みん</rt></ruby><ruby>不<rt>ぶ</rt></ruby><ruby>足<rt>そく</rt></ruby>になり、<ruby>交<rt>こう</rt></ruby><ruby>通<rt>つう</rt></ruby><ruby>事<rt>じ</rt></ruby><ruby>故<rt>こ</rt></ruby>が<ruby>増<rt>ふ</rt></ruby>えるといったデータが<ruby>出<rt>で</rt></ruby>ています。

[205] Proper ruby text (<rb>) syntax support in Markdown - Extensions - CommonMark Discussion () https://talk.commonmark.org/t/proper-ruby-text-rb-syntax-support-in-markdown/2279/35