さて、はてな日記の場合、いくら本文を HTML 4.01 Strict で書いても、日記側で勝手にタグ付けをするので、Another HTML Lint で１００點を出すことは不可能だ。といふ意味で、＜span＞に過度にこだはる必要もない。實際、＜span＞にスタイルシートを當てた場合、そのブラウザのスタイルシート對應度により、運が惡いと最惡の表示結果を得ることもある。
一方、＜ruby＞にスタイルシートを當てた場合、次のやうな状況になり、バランスが保ててゐる。
- ＜ruby＞對應のブラウザでは、ルビとして表示される。
- ＜ruby＞非對應だが、＜rt＞＜rp＞を認識するブラウザでは、 ＜rt＞に當てたスタイルシートが有效になる。
- 上記以外の條件では、單純に＜ruby＞關連の要素が無視されるだけで、 代替表記になる。
はてな日記で使ふスタイルシート
ruby { position:relative; line-height:2.2em; }
ruby rt { position:absolute; left:0; top:-1.1em; font:normal 50%/1 "MS PGothic",sans-serif; text-decoration:none; text-indent:0; }
ruby rp { display:none; }
はてな日記で使ふルビ表現
＜ruby＞
＜rb＞圓＜/rb＞
＜rp＞(＜/rp＞
＜rt＞ヱン＜/rt＞
＜rp＞)＜/rp＞
＜/span＞
