htmlの文章にルビを振る際のタグです。
基本的なコーディングテクニックですが、今まで使わないで来てしまったので覚書として。
<ruby> <rb>本気</rb> <rp>(</rp> <rt>マジ</rt> <rp>)</rp> </ruby>
こんな感じで表示されます。
本気
<ruby>→ルビを振る文字のタグ
<rt>→ルビのタグ
<rp>→このタグ間の文字はルビ非対応ブラウザの時に表示されます
ですので、ルビ非対応のブラウザでは
本気(マジ)
と表示されます。
<ruby>の動作環境
HTML 4.01では定義されていませんのでご注意ください。
ブラウザでは、Internet Explorer 5以降、 Google Chrome 5以降、 Safari 4.1以降対応となっています。
2021年6月30日現在、各ブラウザの最新バージョンはInternet Explorer 11、Google Chrome 91、Safari 14.1ですのでほぼ対応していると言ってよいと思いますが、念のため非対応のためのタグを振っておくと安心だと思います。

飯田市でホームページ制作・広告運用をサポート|デザインスタジオiR
牧内理恵
まきうちりえ
飯田市在住、広告制作歴20年以上。これまで200名以上のクライアント様と向き合い、100件以上のサイト制作を手掛けてきたデザイナー兼エンジニアの牧内理恵です。御社の強みを引き出し、業績アップに繋がるWebサイト・ネットショップ・販促ツールをご提案します。拠点とする長野県内はもちろん、全国各地からのご依頼にも柔軟に対応しております。
「相談してよかった」と言っていただける、飯田下伊那地域のパートナーとして。
長野県飯田市を拠点に、ホームページ制作やECサイト構築、Web運用のトラブル解決を承っています。20年以上のキャリアで培った「伝わるデザイン」と「確かな技術」で、御社の業績アップを支えます。飯田・下伊那エリアはもちろん、全国からのオンライン相談も大歓迎です。
「ホームページを作りたい」「ホームページをリニューアルしたい」といったご依頼もお気軽にお声がけください。
※強引な勧誘は一切ありませんので、安心してお悩みをお聞かせください。


