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]
関連サイト
ヘッドライン
- NEC、サイオスら、自動バックアップバック「TWIN NAS 2TB パック」発表[11:45 2/10]システム管理
- グレープシティ、"Excel機能"を提供する.NETコンポーネントの新版発表[11:22 2/10]プログラミング
- トレンドマイクロ、USBメモリ型ウイルス検索製品「Portable Security」発表[10:42 2/10]セキュリティ
- 【コラム】FileMaker×PHPで作る、簡単・便利なWebアプリ 第49回 結果セットの取扱いに特化したクラス、FileMaker_ResultSet(2)[10:18 2/10]プログラミング
- CSS/HTMLリファレンスマニュアル、最新ブラウザ互換情報[09:00 2/10]JavaScript / CSS / HTML
- 【レビュー】BOOK REVIEW - 現場に振り回されるだけのSE人生がイヤならチカラをつけよう[09:00 2/10]SE力
- 【レポート】暗号2010年問題に向け「いつまでに何をすべきか」 - ベリサインが説明[08:00 2/10]セキュリティ
- ルネサス、RXファミリ第3弾としてモータ制御向け「RX62T」を製品化[07:00 2/10]エレクトロニクス
- Rambus、次世代携帯機器向けメモリ「モバイルXDR」を発表[21:16 2/9]エレクトロニクス
- Intel、基幹業務システム向け次世代プロセッサ「Itanium 9300」を発表[20:47 2/9]エレクトロニクス









