IEとGoogle Chrome、振り仮名をサポート
2009/11/18
![]() |
A vocabulary and associated APIs for HTML and XHTML |
漢字に振り仮名をつけるというのは日本の出版物で頻繁に活用されているスタイルだ。読みやすくするという目的以外にも、表現のひとつとして振り仮名が利用されることもある。しかしながらこれまで、Webコンテンツでこれを実現するのは難しいところがあった。振り仮名をサポートしているブラウザに限りがあるため、振り仮名を指定しても想定しているとおりには表示されないためだ。
Implementation progress on the HTML5 <ruby> elementにおいてHTML5で標準化が進められている振り仮名要素の実装状況が報告された。説明によれば、最近Chromeの開発版に振り仮名の実装が追加されたという。すでにIEが振り仮名をサポートしているため、メジャーブラウザのうち2つが振り仮名をサポートしたことになる。主要ブラウザのレンダリング例は次のとおり。緑の部分がブラウザによって直接レンダリングされた振り仮名文章。
IE8とChrome開発版では想定しているように振り仮名がレンダリングされている。それ以外のブラウザはレンダリングをサポートしていないため、振り仮名もそのままほかの文章と同じようにレンダリングされている。Chromeはまだテキストの選択レンダリングで不自然さがある。IE8では振り仮名テキストの選択も自然に実施できる。
| ブラウザ | IE | Firefox | Safari | Chrome開発版 | Opera |
|---|---|---|---|---|---|
| 振り仮名対応状況 | ◯ | × | × | ◯ | × |
Implementation progress on the HTML5 <ruby> elementには、日本語で記載されたドキュメントを読まない場合には振り仮名のサポートはそれほど重要なことではないと思うかもしれないが、日本の出版で活用されているこの基本的なレイアウトがブラウザでサポートされることは重要なことだといった説明がある。
![]() |
![]() |
HTML5 ruby要素の記述例 - A vocabulary and associated APIs for HTML and XHTMLより抜粋 |
HTML5 ruby要素のレンダリング例 - A vocabulary and associated APIs for HTML and XHTMLより抜粋 |
振り仮名は日本では活発に活用されているが、海外ではそうでもない。HTML5の準拠とともに主要ブラウザが振り仮名表記をサポートするようになれば、日本語のWebコンテンツでもっと積極的に振り仮名を利用できるようになる。Firefoxは3.6でも振り仮名をサポートしていないが、アドオンを追加することで現在でもサポートすることは可能。
関連記事
- HTML 5で人事異動 - MS、Apple、IBMから3人が議長[2009/8/27]
- HTML5ワーキングドラフト最新、Web Forms 2.0吸収で完全体近づく[2009/2/27]
関連サイト
ヘッドライン
- IPA、OSS情報データベース「OSS iPedia」を刷新[18:55 3/19]プログラミング
- 東北大、鉄系高温超伝導体におけるディラック電子的振る舞いの観測に成功[18:05 3/19]エレクトロニクス
- 東芝、新潟県柏崎市で新型2次電池量産工場の建設を開始[17:58 3/19]エレクトロニクス
- Symbian、GCCでコンパイラ対応プロジェクト「Software Freedom Fighters」[17:49 3/19]プログラミング
- 伊藤忠商事、戸田工業と共同で北米にリチウムイオン電池正極材工場を建設[17:27 3/19]エレクトロニクス
- 昭和電工、樹脂複合材用カーボンナノチューブの量産を開始[17:04 3/19]エレクトロニクス
- 東北大、巨大超弾性歪みを有する高強度な鉄合金を開発[16:18 3/19]サイエンス
- STMicro、CryptoFirewallセキュリティ機能内蔵のSTB用SoCを開発[16:04 3/19]エレクトロニクス
- SEMI、2009年の半導体材料出荷額を発表 - 総額は前年比18.5%減の346億ドル[15:53 3/19]エレクトロニクス
- 住友大阪セメント、リチウムイオン電池向け高エネルギー密度の正極材を開発[15:37 3/19]エレクトロニクス









