「テンプレート:RB」の版間の差分

2022年1月27日 (木) 13:23時点における版

ルビ振り用のテンプレートです。

表示形式

{{RB|漢字|カタカナ}} と書くと、漢字（カタカナ）のようにルビを振ることができます。

記事のプレビュー・目次などルビが振れられない所には漢字（カタカナ）とルビは後付きの括弧の中に入れて表示されます。

IE8とその以前のIEによる閲覧の場合に漢字（カタカナ）とルビは上付き文字にして表示されます。

ルビを隠す

{{RB|漢字|カタカナ|hidden=1}} と書くと、漢字（カタカナ）のようにルビは表示されませんが、ルビが振られているかのようにコピーアンドペーストや読み上げソフトに反映されます。同一ページにてルビを振るのを統一するのを推奨しますが、ルビが多過ぎて閲覧に影響を与えた場合に一部を隠すことができます。

コピーアンドペーストについて

漢字とそのルビごとコピーした場合、コピーされるテキストは漢字（カタカナ）となります。ルビの表示形式にはかかわっていません。

読み上げについて

閲覧環境にもよるが、「漢字とそのルビがその間に一拍が入るようにそれぞれ読み上げられる」と、「ルビのみが読み上げられる」という二種類のパターンが確認されています。こちらも同じく、ルビの表示形式にはかかわっていません。

@@ 2行目: / 2行目: @@
 ルビ振り用のテンプレートです。
-==== Safariの「デスクトップ閲覧」について ====
+==== 表示形式 ====
-iOS上のSafariの「デスクトップ閲覧」では、ルビが振れた文字はルビごと全体的に縮小しているように見える。本サイトだけではなく、どのサイトを閲覧してもこういう問題が起きる。これはSafariの「デスクトップ閲覧」だけに存在するバグだと見なされ、現時点では副作用のない解決策はまだ見つかっていない。
+<code><nowiki>{{RB|漢字|カタカナ}}</nowiki></code> と書くと、'''{{RB|漢字|カタカナ}}'''のようにルビを振ることができます。
-したがって、本テンプレートの使用と更新を止め、「漢字（ルビ）」という書き方でお願いします。
+記事のプレビュー・目次などルビが振れられない所には'''漢字（カタカナ）'''とルビは後付きの括弧の中に入れて表示されます。
+IE8とその以前のIEによる閲覧の場合に'''<span style="text-indent: unset; font-size: unset;">漢字<rt style="font-size: 50%; height: 0; vertical-align: super;"><span style="font-size: 0;">（</span>カタカナ<span style="font-size: 0;">）</span></rt></span>'''とルビは上付き文字にして表示されます。
+==== ルビを隠す ====
+<code><nowiki>{{RB|漢字|カタカナ|hidden=1}}</nowiki></code> と書くと、'''{{RB|漢字|カタカナ|hidden=1}}'''のようにルビは表示されませんが、ルビが振られているかのようにコピーアンドペーストや読み上げソフトに反映されます。同一ページにてルビを振るのを統一するのを推奨しますが、ルビが多過ぎて閲覧に影響を与えた場合に一部を隠すことができます。
+==== コピーアンドペーストについて ====
+漢字とそのルビごとコピーした場合、コピーされるテキストは'''漢字（カタカナ）'''となります。ルビの表示形式にはかかわっていません。
+==== 読み上げについて ====
+閲覧環境にもよるが、「漢字とそのルビがその間に一拍が入るようにそれぞれ読み上げられる」と、「ルビのみが読み上げられる」という二種類のパターンが確認されています。こちらも同じく、ルビの表示形式にはかかわっていません。
 [[Category:記事テンプレート]]
-</noinclude><includeonly>{{{1}}}（{{{2}}}）</includeonly>
+</noinclude><includeonly><ruby style="text-indent: unset; font-size: unset;">{{{1}}}{{#switch:{{{hidden}}}|1=<rt style="font-size: 0; height: 0; vertical-align: super;">（{{{2}}}）</rt>|#default=<rt style="font-size: 50%; height: 0; vertical-align: super;"><span style="font-size: 0;">（</span>{{{2}}}<span style="font-size: 0;">）</span></rt>}}</ruby></includeonly>