読み仮名・発音などのルビを振るときに使います。
ルビとは「薔薇」のように、文字の上に小さい文字で読み仮名や発音などを表示するものです。
実際に使用する時は以下の要素を組み合わせて使います。
属性
グローバル属性のみ指定できます。
全ての HTML に共通して使用できるグローバル属性はこちら
使用例
① 基本的な使い方
<p><ruby>漢字<rt>かんじ</rt></ruby></p>
② 文字ごとにルビをつける
方法1
<p>
<ruby>
<rb>漢</rb>
<rb>字</rb>
<rt>かん</rt>
<rt>じ</rt>
</ruby>
</p>Firefox
Firefox 以外のブラウザ
方法2
<p>
<ruby>
<rb>漢<rb>字
<rt>かん<rt>じ
</ruby>
</p>Firefox
Firefox 以外のブラウザ
③ 複数のルビをつける
<p>
<ruby>
<rb>漢</rb>
<rb>字</rb>
<rtc>
<rt>かん</rt>
<rt>じ</rt>
</rtc>
<rtc>
<rt>kan</rt>
<rt>ji</rt>
</rtc>
</ruby>
</p>Firefox
Firefox 以外のブラウザ
対応ブラウザ
関連するタグ
<rb>：ルビを振る文字
<rt>：ルビ文字列
<rp>：ルビ文字列を囲む記号
<rtc>：複数のルビを振る場合
独学でプログラミングを勉強するのは難しそう、効率的にプログラミングを学びたいという方はオンラインスクールがオススメです。
オンラインスクールを選ぶときのポイント
- 無料体験があること
- 個別サポートがあること
自分にあったスタイルを見つけるために、無料体験のご利用をオススメします。（無料体験後に自分には合わないなと感じたらハッキリ断ってしまって問題ありません。）
個別サポートもプログラミング学習に挫折しないために重要なポイントです。エラーや困った時にすぐに個別対応をしてくれるスクールを利用して下さい。
ここでは3つのオンラインスクールを紹介します。
全て無料体験がありますので、ぜひ自分に合ったスクールを見つけてみて下さい????
1. TechAcademy（テックアカデミー）
オンライン完結で勉強できるスクールで、コースがとても充実しています。チャットで質問すればすぐに回答を得られるのが一番のおすすめポイントです。
オリジナルのサービスやアプリの開発もサポートしてくれるので、開発したいものが決まっている人にもオススメです。
2. CodeCamp（コードキャンプ）
一対一で受講できる個別指導のプログラミングスクールです。
Webデザイン・Webサービス開発・アプリ開発などを幅広く学習することができます。
マンツーマンなので自分のペースで学習できて、質問もその都度できるのがメリットです。
3. Treehouse
英語でも良い、英語とプログラミングを同時に勉強したいという方は Treehouse がオススメです。月25ドルで始めることができて、たくさんのプログラミング言語を学ぶことができます。
個別サポートはありませんが、掲示板が充実しています。ほとんどの場合、質問してから30分程度で回答を得ることができます。
