<ruby>タグについて

<ruby>タグについて

記事
IT・テクノロジー
rubyタグとは、漢字や英単語など読みづらいものにルビを付けるためのタグになります。
仕事で使う機会があったので、簡単に説明しようと思います。

<ruby>とは

・ふりがなを使うためのタグ
<ruby><rt><rp>があり、ふりがなを入れるだけなら<ruby>と<rt>でも使用可能です。

スクリーンショット 2023-09-18 16.54.02.jpg

のような表記になります。

といったように、<rt>の中に入れたい振り仮名を入れて、それを<ruby>で囲う必要があります。

<rp><ruby>に対応していないブラウザで表示する文字を指定するためのタグです。

スクリーンショット 2023-09-18 16.54.14.jpg

のように、非対応の場合実際の文字列の後にふりがなが並んでしまうため、非対応時だけ ()を入れて対応することが多いです。

現在の対応ブラウザ

スクリーンショット 2023-09-18 16.54.27.jpg

現状は古いブラウザでは非対応となっており、使う際は出来る限り<rp>で対応するのが無難だと思います。





サービス数40万件のスキルマーケット、あなたにぴったりのサービスを探す ココナラコンテンツマーケット ノウハウ記事・テンプレート・デザイン素材はこちら