HTMLでルビ（rubyタグ）をふるとき、文字サイズの調整あれこれ | yanagi's memo

HTMLでルビの記述 おさらいも兼ねて、HTMLでルビを振る方法から。 北海道釧路市<ruby>大楽毛<rp>(</rp><rt>おたのしけ</rt><rp>)</rp></ruby> Demo rubyタグでルビを振りたい文字を囲む rubyタグ内、該当文字の後にrtタグを配置し中にルビを記述 rpタグはルビ非対応ブラウザにて「ここはルビですよ」と示すためのタグ。基本的にカッコが入っている。ルビ対応ブラウザでは表示されない。アクセシビリティ的にはあった方がいいけど省略可 各ブラウザでのルビの表示 デフォルト表示 ここでもう一度デモです。今度は文字サイズをバリエーション展開させて、大きいサイズ、標準サイズ、小さいサイズと並べてみます。 Demo