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

提供: スーパーロボット大戦Wiki
ナビゲーションに移動 検索に移動
7行目: 7行目:
 
記事のプレビュー・目次などルビが振れられない所には'''漢字(カタカナ)'''とルビは後付きの括弧の中に入れて表示されます。
 
記事のプレビュー・目次などルビが振れられない所には'''漢字(カタカナ)'''とルビは後付きの括弧の中に入れて表示されます。
  
IE8とその以前のIEによる閲覧の場合に'''<span style="text-indent: unset; font-size: unset; -webkit-text-size-adjust: 150%; -ms-text-size-adjust: 150%;">漢字<rt style="font-size: 50%; margin-top: 50px; height: 0; vertical-align: super;"><span style="font-size: 0;">(</span>カタカナ<span style="font-size: 0;">)</span></rt></span>'''とルビは上付き文字にして表示されます。
+
IE8とその以前のIEによる閲覧の場合に'''<span style="text-indent: unset; font-size: unset;">漢字<rt style="font-size: 50%; margin-top: 50px; height: 0; vertical-align: super;"><span style="font-size: 0;">(</span>カタカナ<span style="font-size: 0;">)</span></rt></span>'''とルビは上付き文字にして表示されます。
  
 
==== ルビを隠す ====
 
==== ルビを隠す ====
17行目: 17行目:
 
==== 読み上げについて ====
 
==== 読み上げについて ====
 
閲覧環境にもよるが、「漢字とそのルビがその間に一拍が入るようにそれぞれ読み上げられる」と、「ルビのみが読み上げられる」という二種類のパターンが確認されています。こちらも同じく、ルビの表示形式にはかかわっていません。
 
閲覧環境にもよるが、「漢字とそのルビがその間に一拍が入るようにそれぞれ読み上げられる」と、「ルビのみが読み上げられる」という二種類のパターンが確認されています。こちらも同じく、ルビの表示形式にはかかわっていません。
 +
 +
==== Safariの「デスクトップ閲覧」について ====
 +
iOS上のSafariの「デスクトップ閲覧」では、ルビが振れた文字はルビごと全体的に縮小しているように見える。本サイトだけではなく、どのサイトを閲覧してもこういう問題が起きる。これはSafariの「デスクトップ閲覧」だけに存在するバグだと見なされ、現時点では副作用のない解決策はまだ見つかっていない。
  
 
[[Category:記事テンプレート]]
 
[[Category:記事テンプレート]]
</noinclude><includeonly><ruby style="text-indent: unset; font-size: unset; -webkit-text-size-adjust: 150%; -ms-text-size-adjust: 150%;">{{{1}}}{{#switch:{{{hidden}}}|1=<rt style="font-size: 0; margin-top: 50px; height: 0; vertical-align: super;">({{{2}}})</rt>|#default=<rt style="font-size: 50%; margin-top: 50px; height: 0; vertical-align: super;"><span style="font-size: 0;">(</span>{{{2}}}<span style="font-size: 0;">)</span></rt>}}</ruby></includeonly>
+
</noinclude><includeonly><ruby style="text-indent: unset; font-size: unset;">{{{1}}}{{#switch:{{{hidden}}}|1=<rt style="font-size: 0; margin-top: 50px; height: 0; vertical-align: super;">({{{2}}})</rt>|#default=<rt style="font-size: 50%; margin-top: 50px; height: 0; vertical-align: super;"><span style="font-size: 0;">(</span>{{{2}}}<span style="font-size: 0;">)</span></rt>}}</ruby></includeonly>

2022年1月25日 (火) 10:10時点における版

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

表示形式

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

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

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

ルビを隠す

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

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

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

読み上げについて

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

Safariの「デスクトップ閲覧」について

iOS上のSafariの「デスクトップ閲覧」では、ルビが振れた文字はルビごと全体的に縮小しているように見える。本サイトだけではなく、どのサイトを閲覧してもこういう問題が起きる。これはSafariの「デスクトップ閲覧」だけに存在するバグだと見なされ、現時点では副作用のない解決策はまだ見つかっていない。