HTML5 でマークアップされた更に複雑なルビを、CSS 第二水準第一改訂版(CSS 2.1)の範囲だけで実現する方法を考えてみましょう。 平成28年11月現在、現行のデスクトップ・コンピュータ及びスマートフォン向けウェブブラウザの大半がデフォルトで単純なルビを表示出来ます。 本記事では、 更に複雑なルビを実現するための方法 ルビ関連要素のスタイルをリセットした場合のスタイル設定 をご覧になれます。 単純なルビについては、ルビを振るにはをご覧ください。 まずはじめに。(平成28年 7月 7日 更新) HTML5 では、ルビを実現するため、以下のルビ関連要素を定義しております。 <ruby>要素…ルビ付きテキスト <rt>要素…ルビテキスト <rp>要素…ルビ非対応環境向けのルビを囲む括弧類 加えて、W3C の HTML 5.x 規格では、以下の要素も定義されております： <rtc>要素…ル
The ruby markup model currently described in the HTML specification is limited in its support for a number of features, notably jukugo and double-sided ruby, as well as inline ruby. This specification addresses these issues by introducing new elements and changing the ruby processing model. Specific care has been taken to ensure that authoring remains as simple as possible. This document was large
W3CとHTML5のruby要素の違い。
Ruby Annotation HTML5 ruby 昔々、あるところにruby要素なるものがあった。IEと呼ばれている古代のブラウザによって実装せられていた。 ここに、w3cといういう奴らがやってきて、標準化しようとした。これが、まことに複雑怪奇なものであって、誰も実装しようとしなかった。いまだに、誰もw3cのrubyは実装していない。以下に、その複雑怪奇な例を示す。 <ruby> <rbc> <rb>複</rb> <rb>雑</rb> <rb>怪</rb> <rb>奇</rb> </rbc> <rtc> <rt>ふく</rt> <rt>ざつ</rt> <rt>かい</rt> <rt>き</rt> </rtc> <rtc> <rt>ruby要素の例</rt> </rtc> </ruby> これは、例えば、以下のように表示される。 ふくざつかいき 複雑怪奇 ruby要素の例 実に複雑なのだ
blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTML に SVG 混在でき
ruby要素は、ルビが振られている部分全体を示す要素です。W3Cの仕様によると、ルビには単純ルビと複雑ルビの2種類がありますが、単純ルビ、複雑ルビをサポートしているブラウザは現在のところありません。代わりにIE5以降にサポートされている要素によって、単純ルビに近い形式を表現できます。 IE5以降では、ruby要素、rt要素、rp要素がサポートされています(rp要素は非正式)。W3Cの仕様では、すべての開始タグ、終了タグは必須ですが、IEにおいて、rt要素、rp要素の終了タグは省略可能です。 また、ruby要素をサポートしていないNetscapeやOperaなどのブラウザにおいては、rp要素が認識され、ルビはカッコなどによるふりがなとして表示されます。W3Cの仕様では、開始タグ、終了タグはともに必須ですが、IE同様終了タグを省略しても認識されるようになっています。
この文書は、W3Cにより作成されW3C勧告として公開されている "Ruby Annotation" (http://www.w3.org/TR/2001/REC-ruby-20010531/) を、どら猫本舗が翻訳したものです。 最新版の仕様書は http://www.w3.org/TR/ruby/ にあります。 正式な仕様書はW3Cサイトにある英語版です。この日本語版は参考にすぎません。 この文書には翻訳上の誤りがあるかもしれません。どら猫本舗は翻訳の正確性を保証しません。あくまでご自身の責任でご利用ください。 お気付きの点がありましたらどら猫本舗までお知らせください。 W3C勧告 2001年5月31日 このバージョン[原文]: http://www.w3.org/TR/2001/REC-ruby-20010531 ([原文の]ZIPアーカイブ) 最新のバージョン: http://www
Google グループでは、オンライン フォーラムやメール ベースのグループを作成したり、こうしたフォーラムやグループに参加したりすることで、大勢のユーザーと情報の共有やディスカッションを行うことができます。
Use Cases & Exploratory Approaches for Ruby Markup W3C Working Group Note 08 October 2013 This version: http://www.w3.org/TR/2013/NOTE-ruby-use-cases-20131008/ Latest published version: http://www.w3.org/TR/ruby-use-cases/ Latest editor's draft: http://www.w3.org/International/docs/ruby/ Previous version: http://www.w3.org/TR/2013/WD-ruby-use-cases-20130910/ Editor: Richard Ishida, W3C Copyright ©
ルビのユースケースをまとめた文書が公開 7月10日付けで、Internationalization Core WGより"Use Cases & Exploratory Approaches for Ruby Markup" という文書が公開されました。 Use Cases & Exploratory Approaches for Ruby Markup この文書は、いくつかのユースケースを提示し、XHTMLのルビ要素とHTML5のルビ要素、そしてHTML5のルビを拡張した案を比較し、それぞれの手法の長所・短所を説明しています。 HTML5のルビ要素はruby, rt, rpのみが定義されており、rbやrbc, rtcがありません。rb要素については昨年HTML5に含めるという変更提案が出されたものの、rbの追加だけでは解決できない問題があることから、変更提案が取り下げられました。 ルビにつ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
