使って欲しい 3 つの HTML 5 — ruby, details, scoped style

HTML 5 には面白い新機能が沢山ある。その中で、特にブロガーが使うのに便利そうな 3 つの新機能について紹介したい。 ルビ ruby 要素はテキストにルビを振る。古い HTML 時代から存在しているので、見かけることは多いけれど、HTML5 のルビはシンプルなフォーマットで書く様になっている。 <ruby>文字 <rt>ルビ</rt></ruby> たったこれだけ。ただし、これだとルビ非対応のブラウザーでルビ文字が連続して現れる。例えば、次の様に入力すると <ruby>都 <rt>みやこ</rt></ruby> 非対応ブラウザーでは 都みやこ と表示されてしまう。これは見苦しいので、次のテンプレートをぼくは使っている。 <ruby>文字<rp> (</rp><rt>ルビ</rt><rp>) </rp></ruby> こうしておくと、ルビ対応なブラウザーでは rp 要素内が消え、非対応な

[kasedac]

"テキストにルビを振る…「続きはこちらをクリック」みたいなことが JavaScript なしで…ブログでは、この記事でだけ使いたい CSS スタイルが欲しい場合がある"

[moromoro]

scoped styleええな

[glat_design]

rubyの書き方等参考になりました /