2019RSSプロフィールみきてぃみきてぃ20代のブロガーです。IT・インターネット関連や生活関連、趣味の1つである観賞魚などの記事を書いています。趣味プロフィール2024.07.25HTML・CSS【HTML】文章にルビを振る方法を解説みきてぃHTMLで文章にルビを振りたいけど、どうやったらいいの?みきてぃ文章にルビを振ることができるHTMLタグは以下の通りだよ。Edge)で表示というわけで、この記事では「HTMLで文章にルビを振る方法」について解説していきます。冒頭にも書きましたが、HTMLタグで文章にルビを振る場合は、以下のタグを使います。rubyタグrbタグrtタグrpタグrtcタグrubyタグ文章にルビを振るために必要なタグです。これが無いと、文章にルビを振ることができません。rbタグルビを振りたい文章を指定するタグです。rtタグ文章に入れるルビテキストを指定するタグです。rpタグ文章に振られたルビテキストを示すためのタグです。rubyタグに非対応ブラウザで表示したい場合は、rpタグを用いて括弧内にルビを表示することができます。rtcタグ文章に複数のルビを振りたい時に使われるタグです。rtcタグはFirefoxでしか対応していませんので、この記事でのサンプルコードは割愛させていただきます。Edge)では、以下のように表示されます。rbタグを使って対象を指定した場合<p><ruby><rb>富</rb><rb>士</rb><rb>山</rb><rt>ふ</rt><rt>じ</rt><rt>さん</rt></ruby></p>▼ブラウザ(Firefox)では、以下のように表示されます。Edge)では、以下のように表示されます。みきてぃrubyタグに対応していないブラウザで開いた場合は、括弧内にルビが表示されるよ。まとめ今回は「HTMLで文章にルビを振る方法」について解説しました。HTML5&CSS3/2.1全事典』(インプレス)この記事を書いた人みきてぃみきてぃ20代のブロガーです。IT・インターネット関連や生活関連、趣味の1つである観賞魚などの記事を書いています。≫詳しいプロフィールを見る≫お問い合わせはこちらスポンサーリンク当ブログ内の記事を探す検索プロフィールみきてぃ20代のブロガーです。IT・インターネット関連や生活関連、趣味の1つである観賞魚などの記事を書いています。非対応ブラウザで表示した場合、括弧付きルビに置き換えるまとめ関連記事こちらの記事もどうぞ!HTML/CSSでコメントアウトを書く方法2021.03.03HTML・CSSみきてぃミキティ・TのブログHTML/CSSで文章内に打ち消し線を入れる方法2021.02.25HTML・CSSみきてぃミキティ・Tのブログ【HTML】定義語や略語、頭文字を示すタグの使い方2021.04.07HTML・CSSみきてぃミキティ・Tのブログ【HTML】見出しタグの正しい使い方を解説2021.02.27HTML・CSSみきてぃミキティ・Tのブログ【HTML】header/main/footer各タグの使い方2021.03.02HTML・CSSみきてぃミキティ・TのブログHTML/CSSでサイト内のテキストを太字にする方法2021.03.01HTML・CSSみきてぃミキティ・TのブログこのサイトはreCAPTCHAによって保護されており、Googleのプライバシーポリシーと利用規約が適用されます。ミキティ・Tのブログ記事URLをコピーしました。