![]() |
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] |
| JAXA、液体シリコン中に残存する共有結合を観察 -大口径ウェハの実現に期待 [20:11 2/10] |
| NEDOなど、熱膨張が小さな樹脂複合材料ペレットの量産化に成功 [19:22 2/10] |
| 理研、一般顕微鏡を蛍光顕微鏡に強化できるアダプタを試作して性能を実証 [19:15 2/10] |
| 天の川のブラックホールが小惑星を飲み込んでいる - NASAが発表 [18:08 2/10] |
| マイナビ、3月より書籍連動型のクリエイティブ・デザイン系セミナー開講 [12:00 2/10] |
|
デル、「冬モデルファイナルセール」最終週 - 各種アップグレードが無料 [20:13 2/10] パソコン |
|
JAXA、液体シリコン中に残存する共有結合を観察 -大口径ウェハの実現に期待 [20:11 2/10] エンタープライズ |
|
東京タワーでムーディーな夜景が楽しめる室内イルミネーションが開催 [20:07 2/10] エンタメ |
|
【レポート】CP+2012 - フラッグシップの「D4」や「D800」など一眼レフが人気 - ニコン [20:05 2/10] 家電 |
|
あのヴォルデモート卿が主演兼監督! 映画『英雄の証明』が25日全国公開 [20:03 2/10] エンタメ |