ログインしてさらにmixiを楽しもう

コメントを投稿して情報交換！
更新通知を受け取って、最新情報をゲット！

GoodなWEB作成サークルコミュのHTMLでルビの振り方 復習

ログインして参加する

  • mixiチェック
  • このエントリーをはてなブックマークに追加

HTMLでルビの振り方 復習

mixiユーザー 2014年12月12日 16:57

HTMLでルビを振ることができますが、けっこう複雑な形状で記述をします。

<ruby><rb>一石二鳥</rb><rp>(</rp><rt>いっせきにちょう</rt><rp>)</rp></ruby>

<ruby>〜</ruby>
の部分がルビを振る文章の括り

その中に
<rb>一石二鳥</rb>
ここがルビを振る対象の文字

そして
<rt>いっせきにちょう</rt>
これがルビ入れする文字、ふりがなです。

隣に<rp>(</rp>とあります。
また後の方に<rp>)</rp>とあります。
これはルビに対応していないブラウザのために（　）括弧でルビの内容を表示するためのテクニックです。

もし、ルビに対応していないブラウザでこの一連の記述を閲覧した場合、

一石二鳥(いっせきにちょう)
と表示されます。

対応しているブラウザではルビが表示される、という仕組みです。

コメント(0)

mixiユーザー
ログインしてコメントしよう！

GoodなWEB作成サークル 更新情報

GoodなWEB作成サークルのメンバーはこんなコミュニティにも参加しています

星印の数は、共通して参加しているメンバーが多いほど増えます。

GoodなWEB作成サークル

人気コミュニティランキング

困ったときには

関連ワード

mixiで趣味の話をしよう
新規登録（無料）

このページの上部へ