000000

ホーム | 日記 | プロフィール

【フォローする】【ログイン】

七鍵＠楽天

コメント新着

うしまる＠ @ Re:タグを覚えよう【第１５回目】　-　中央寄せ表示の際の小技(08/21) タグの検索でぐぐってたらコチラに辿り着…

k.kyouka @ すきやき占い『しいたけ』の重要度27% 『しいたけ』…

なな@ Re:迷っています(11/01) レオ　がいいですよ☆★

マロン@ かわいいキュート

ｆｏｏｌｉｓｈ☆ｆｏｏ @ Re[1]:お久しぶりです。(07/15) ＞実演を踏まえてテストをしておりました…

バックナンバー

Oct , 2026
Sep , 2026

Aug , 2026

フリーページ

HTMLタグに挑戦

< 新しい記事

新着記事一覧(全310件)

過去の記事 >

Sep 2, 2004

一日一タグとか言いつつしばらくお休みさせていただきました。
また今日からがんばりますので応援よろしくお願いします。
で、思い出しました・・・
浸水→漏電→パソコンの電源が強制ダウン→
登録していた顔文字がゼロになる・・・
という不可解な現象に見舞われたのですよ（笑
急いで今日使いそうな顔文字だけ登録してきました(〃⌒▽⌒)
改めてよろしくお願いしますm（_ _）m

さて、今日は少し変わり種のタグということで

変わり種とは言いましても・・・
ちょっとした気配りに使いたい一品でして

たとえば子供向けのページを作られる方、
辞書のようなサイトを作られる方、
読み方を混同しそうな文字を使う場合に・・・

などなど。
使う局面はさまざまですよね(￣▽￣人)
では、早速例を見てみましょう。

例）
<ruby><rb>薔薇</rb><rp>（</rp><rt>ばら</rt><rp>）</rp></ruby>

表示結果）
薔薇（ばら）

でも、心配いりませんよ。
順番に見ていきましょう(〃⌒▽⌒)

まず、「<ruby>」タグで「今からふりがな付きの文字を記述しますよー」と宣言します。
ちなみに「</ruby>」は「ここまでがふりがな付きの文字でした」って目印です。
この辺りはタグを記述してきているうちになんとなく予想がつくようになったのではないでしょうか。

これは例を見てもらうとすぐ分かりますよね(〃⌒▽⌒)

ちなみに「<rt>」と「</rt>」でふりがなを囲みます。
これも一目瞭然ですよね(￣▽￣人)

最後に残った「<rp>」と「</rp>」はと言いますと・・・
このふりがなに非対応のブラウザへの考慮なのです。
ちなみに非対応ブラウザでは上記の例が

薔薇（ばら）

のように見えるはずです。
たちまちは省略することもできますが、非対応ブラウザへの考慮として記述しておきたいものですね。

以上、今日はふりがなの記述例を勉強しました。
目立つテクニックではありませんが、見てくれる人への配慮として
覚えておきたいタグですよね(￣▽￣人)

ではまた明日ー(ﾟ▽^*)ﾉ⌒☆

お気に入りの記事を「いいね！」で応援しよう

最終更新日 Sep 2, 2004 12:13:18 AM
コメント(10) | コメントを書く

[タグ教室] カテゴリの最新記事

■コメント

Re:タグを覚えよう【第２５回目】　-　難しい漢字にはふりがなを(09/02)

な～～るさん

お越し戴き有難う御座いました(^o^)。
振り仮名がふれるなんて、すてき。でも、バランスをとるのが、難しいかも・・・？ (Sep 2, 2004 06:11:20 AM)

返事を書く

Re:タグを覚えよう【第２５回目】　-　難しい漢字にはふりがなを(09/02)

もとsun さん

ありがとうございました＾＾
るびってどうやって振るんだろうなぁと常々思っていました＾＾
さっそく登録しました♪ (Sep 2, 2004 04:06:05 PM)

返事を書く

Re[1]:タグを覚えよう【第２５回目】　-　難しい漢字にはふりがなを(09/02)

＃七鍵さん

な～～るさん

いらっしゃいませー(〃⌒▽⌒)

確かにバランスは難しいです（笑
デフォルトのままでは振り仮名の文字も小さいですよね。
そこで補足ではありますが・・・

<rb style="font-size:20px;">
<rt style="font-size:20px;">

なんて記述もできることを紹介しておきます(〃⌒▽⌒)
スタイルシートって応用しだいでなんにでも使えるんですよ(￣▽￣人)

(Sep 3, 2004 12:34:44 AM)

返事を書く

Re[1]:タグを覚えよう【第２５回目】　-　難しい漢字にはふりがなを(09/02)

＃七鍵さん

もとsunさん

いらっしゃいませー(〃⌒▽⌒)

一番間違いがないのは・・・

<table border=0>
<tr><td style="font-size:10px;text-align:center;">ふりがな</td></tr>
<tr><td style="font-size:16px;">漢字</td></tr>
</table>

のようにしてしまうことなんでしょうが・・・
めんどくさいですよね（笑
じゃんじゃん使ってください(￣▽￣人)

(Sep 3, 2004 12:36:50 AM)

返事を書く

Re[2]:タグを覚えよう【第２５回目】　-　難しい漢字にはふりがなを(09/02)

な～～るさん

＃七鍵さん
-----
へえぇ・・。トリビアっ～～～。(^^;)ゞ
ちょっとやってみないとイメージわかないですよね。
今度、チャレンジしてみます。（#＾_＾#）
(Sep 3, 2004 09:35:53 PM)

返事を書く

Re[3]:タグを覚えよう【第２５回目】　-　難しい漢字にはふりがなを(09/02)

＃七鍵さん

な～～るさん

いらっしゃいませー(〃⌒▽⌒)

使いどころは確かに難しいですよね。
へたにふりがなふっちゃうと・・・
ふってないところがあったら手抜きっぽく見られちゃいますし（笑

(Sep 5, 2004 10:18:52 PM)

返事を書く

Re[4]:タグを覚えよう【第２５回目】　-　難しい漢字にはふりがなを(09/02)

な～～るさん

＃七鍵さん
＞使いどころは確かに難しいですよね。
＞へたにふりがなふっちゃうと・・・
＞ふってないところがあったら手抜きっぽく見られちゃいますし（笑
-----
そうそう・・・どの程度の難しい漢字なら必要？
そもそも私が、感じを知らない・・（泣笑） (Sep 6, 2004 09:36:10 PM)

返事を書く

Re[5]:タグを覚えよう【第２５回目】　-　難しい漢字にはふりがなを(09/02)

＃七鍵さん

な～～るさん

いらっしゃいませー(〃⌒▽⌒)

私も漢字まったくもって弱いです(´･ω･`)
そもそも「七鍵」
これなんて読むのでしょうね（笑
冗談じゃないですよ、ほんとに決めてません・・・

>どの程度の難しい漢字なら必要？
とのことですが、どのくらいの年齢層が対象か・・・
にもよるのではないでしょうか？

特に対象がないってことでしたら、な～るさんが「あれ、読みにくいな」って思った漢字だけでもふるように心がければいいかもしれませんね(〃⌒▽⌒)
私は全くもってふりがなふっていませんので大きなこと言えませんが(´･ω･`)

(Sep 6, 2004 10:26:34 PM)

返事を書く

Re[6]:タグを覚えよう【第２５回目】　-　難しい漢字にはふりがなを(09/02)

な～～るさん

＃七鍵さん

＞そもそも「七鍵」
＞これなんて読むのでしょうね（笑
-----
なるほどぉ・・。
ところで、本当になんて実は読むんでしょう？
私だけが読めないと思っていたので
ついでに聞いてもよろしいでしょうか？(^^;)ゞ (Sep 7, 2004 12:01:22 AM)

返事を書く

Re[7]:タグを覚えよう【第２５回目】　-　難しい漢字にはふりがなを(09/02)

＃七鍵さん

な～～るさん

いらっしゃーい(〃⌒▽⌒)

隠しているわけでもなく・・・
ほんとに決めてないのですよ（笑
元々のＨＮは「7key」とか「SevenKey」とか「Key」だったんですがね
いつの間にか漢字表記が気に入ってしまって(￣▽￣人)
これなんて読むんやろ(´･ω･`)
って思いつついつのまにか定着し（笑
現在にいたっています(〃⌒▽⌒)

笑い事じゃないような気もしますが好きなように読んで（呼んで？）下さい(￣▽￣人)
ちなみに「Key」は（きー）（けー）（けい）と・・・
これもまた読む人によってばらばらです（笑

(Sep 7, 2004 08:55:23 PM)

返事を書く

【毎日開催】

15記事にいいね！で1ポイント

10秒滞在

いいね! -- / --

次の日記を探す

おめでとうございます！
ミッションを達成しました。

※「ポイントを獲得する」ボタンを押すと広告が表示されます。

Design a Mobile Site

スマートフォン版を閲覧 | PC版を閲覧