モバイルサイトのXHTMLコーディングで躓いたとこメモ
- 2011-01-09 (日) 20:05
- mobile
久々の現場仕事で色々忘れてたりどっつまずいたりしたことをメモします。モバイルサイトルール、相変わらず特殊です。。。
hrはちゃんと閉じた方がいいみたい
3キャリアに対応させようとするとやたらと長くなるお馴染みのhrタグ。1 | <hr size="1" style="height:1px; color:#xxxxxx; background:#xxxxxx; border:1px solid #xxxxxx;" /> |
でいいのと思い込んでいたのですが、どうもきっちり閉じないと閉じたと認識してくれない端末があるようです（その後のdivとかspanとかを読んでくれなかったり…）。なので、
1 2 |
に直しました。大丈夫でした。
EZのみformには画像回り込みが効かない
モバイルではデザインの肝ともなり、かなりな頻度で使われる画像回り込みの術ですが、回り込むのがただのテキストではなくformの場合、i-modeとYahoo!ケータイでは問題なく回り込み、EZwebのみダメでした。このキャリアによる違いは知りませんでした。3キャリアの中でEZが一番ミスや適当を許さない仕様になっているので、まぁそのせいだと納得したフリ。ちなみに、画像回り込みは例えば左寄せだと
1 2 3 4 |
と書きます。回り込み解除を
1 | <br clear="all" /> |
と書いてはいけません。i-modeではじかれます。
色々忘れてたり、我流（社流？）だったりしてたんだなぁと、ちょっと反省してます。でもコーディング楽しいっす。仕様の変更もあるかもしれないし、改めてお勉強しなおしてみようかと思います。
コメント:0
トラックバック:0
- このエントリーのトラックバックURL
- http://skullstar.net/mobile/2416.html/trackback
- Listed below are links to weblogs that reference
- モバイルサイトのXHTMLコーディングで躓いたとこメモ from skullstar.net
