2004年07月02日(金) [長年日記]
[English!]
[한국어]
[今日は何の日]
§1 <h1>で画像を使う
画像を使って<h1>を表現する時、HTMLで<img>を使って書くと携帯端末では非常に重たくなる。そこであえて<h1>の中身はなにも書かず、<h1 title="見出し">だけ設定してcssで背景画像を与えてやると、headのlinkでcssを読み込む時mediaで携帯を切り離しておけば、携帯からは画像を表示しなくて済むので非常に軽い。(自分で書いててもわかりにくいなぁ。メモ代わりにもならん(^^;)
§2 携帯端末用目次
ブログキットを使って「ハルちゃんとナルちゃんのおいたち」の移行作業をしています。で、兼ねてからの懸案であった携帯端末用の目次をどうするかという問題で色々悩んでいるのですが(^^;
今回は、00default.rbからmobile_navi部分を切り出して*1少し改造して@mode 'latest'の時だけrecent_entry2を少し改造したrecent_entry3を作って目次を生成するようにしてみました。現在のところ記事は24件limit=30に設定して使っています。PC版の方も同じ方法で目次を生成しているのですが、なかなか便利です。*2ひとまず一件落着。
§3 何も使わなかった。(enema)
久しぶりに良好なお通じで、何よりでございました。(^^;
<h1>で背景画像だけ表示、試してみよう。
なにも入れないとAnotherHTML-Lintに怒られるので「 」を入れてます
「 」は便利ですね(~~;
うーん、ちょっとどうかと思う方法ですねぇ。本当に見出しの内容が $ というわけじゃないと思うので。見出し一覧とか抽出しても意味不明になりますよ。<br>これもあまりいい方法ではないかもしれませんが例えば、こんな方法も考えられます。<br><h1><img src="toumei.gif" alt="ほげほげ" width="1" height="1"></h1><br>としておいて、h1の背景画像に本命の画像を指定するとか。
タイトル文を{display:none;}しちまうとかね。見えないけど音声で読ませたいときなど使いますよ。本命はタイトル画像なんですけどね。
altは見出しとして表示されるけど、titleは表示されないわけですね。なるほど。いかに携帯専用ページを作らずに済ませるかというずぼらな考えからの発想なんですが。難しいですね。<br>ちなみに はスペースですから見出しには何も表示されませんね。