[Home] GIFアニメ工房 > HP作成の小技 > Javascriptルビ振りスクリプト(ルビタグ作成)

« ISO-HTMLテンプレートMainシティカード - シティバンク »

当ページの概要

簡単にフリガナ付きのルビタグを作成するルビ作成スクリプト!今までのルビを振る手間が省けて省エネ労力で見栄え良く!

ルビ振りスクリプト(ルビタグ作成)

HP作成の小技 > Javascript

[振り仮名] ルビタグ作成スクリプト

振り仮名(ルビ)をつける

普通の文章と同様に、HTMLでもフリガナ(ルビ)を付けることが出来ます。しかし、ルビタグを作るのは非常に面倒!「ruby,rp,rb,rt」と同じようなタグが多すぎるのです!そこで作りました!ルビタグ作成スクリプト

<ruby><rb>紫陽花</rb><rp>(</rp><rt>あじさい</rt><rp>)</rp></ruby>

ルビ作成スクリプト
[Ruby Base] ルビをふる対象(漢字)
[Ruby Text] ルビ文字列(ふりがな)
[Ruby Parentheses] ルビ括弧
ルビタグを作成する
完成したルビタグ (作成タグをホームページに貼り付けて使いましょう!)
完成したルビタグ
完成後のルビタグ表示(DHTMLのinnerHTML使用)

ルビ作成スクリプトでは、Javascript(ジャバスクリプト)を利用しています。Javascriptがオフの場合はお使いになれません。 また、ルビ作成テストには、DHTMLのinnerHTMLを利用しています。未対応ブラウザでは、作成ルビの表示が出来ません。悪しからずご了承下さい。

ルビタグは規格外?

2005年7月現在、ルビタグはXHTML1.1でのみ定義されています。従って、HTML及び、ブログで広く使われているXHTML1.0では、規格に従う限り、使用することができません。しかし、IE5以上では、W3Cの草案を先取りして実装しているようでHTMLでも問題なく表示できます。他のブラウザは対応していませんが、「紫陽花(あじさい)」の様に文字の横に括弧で表示されるので特に問題はありません。

Posted By PONTA : 2005/07/18-22:32

同一カテゴリリンク

« ISO-HTMLテンプレートMainシティカード - シティバンク »

トラックバックURL
コメントしてください
» 現在メッセンジャーでの会話・感想・質問など受付中!
Cookie:: 記入情報を保存しますか?
コメントとトラックバックなし
動画アニメ入門はGIFアニメーション工房で!

©2004-2011::無料ホームページ素材作成ならGIFアニメ工房で!