« Thingamablog + HaloScan + .Mac の課題 | Main | RSS に shape="rect" »
Mac_Stripe-XHTML_Strict-ja をブラッシュアップしました。
変更点は次のとおりです。
Mac_Stripe-XHTML_Strict-ja に付属のスタイルシートは UTF-8 で書かれています。ブログの文字エンコードを UTF-8 以外にしているときに、ブラウザとその設定によってはスタイルシート内で宣言している文字エンコードのしていを無視する場合が過去にありました。(古い Opera がそうだったと思う)
このためスタイルシートを指定している link 要素に charset="UTF-8" を加えました。
以前のバージョンでは「続きを読む」のリンク先をエントリの Permalink にしていました。このため「続きを読む」を辿るとエントリページの先頭からもう一度読む羽目になります。読み上げブラウザや携帯端末を使って閲覧するときは面倒です。
そこでエントリページの中で <!-- end of abstruct --> をアンカーに置換して、Main Page, Archive Page, Category Page ではそのアンカーへ向けたリンクが「続きを読む」に付けられるようにしました。
以前のバージョンではリンク先が異なっていても文面は同じリンクがメインページやアーカイブページに並んでしまっていました。このため読み上げブラウザや携帯端末でリンクがあるところにジャンプしながら閲覧するときに、リンク先を予め知ることが困難になってしまいがちでした。
本当はエントリのタイトルを使って文面をそれぞれ変えるのがベストですが、タイトルの長さによっては、その部分が異様に長くなり逆に煩雑になってしまいます。ブラウザや携帯端末でどれだけ対応しているか解りませんが、title 属性で区別をつけるというのは標準の仕様に則った方法なので、それを採用しました。
オリジナルのテンプレートもそうでしたが、エントリのタイトルに < や > を入れるとちゃんと表示されない invalid なページになってしまいました。
テンプレートタグ <$EntryTitle$> に encode_html="1" を加えてこれを防いでいます。tagsoup-1.0rc3-OKAMURA を使用しないと日本語など非 7bit 文字がおかしなことになるので、tagsoup-1.0rc3-OKAMURA を必ず使用してください。
オリジナルのテンプレートでもそうですが、カテゴリ名に < や > を入れると様々なところでちゃんと表示されない invalid なページになってしまいました。
エントリのタイトルと同様の措置をテンプレートで可能なところに全てに適用し、問題が最小限に抑えられるようにしました。テンプレートで対処できないところもあります。
オリジナルのテンプレートでもそうですが、ブログのタイトルに < や > を入れると様々なところでちゃんと表示されない invalid なページになってしまいました。
エントリのタイトルと同様の措置をテンプレートで可能なところに全てに適用し、問題が最小限に抑えられるようにしました。テンプレートで対処できないところもあります。