php spot
phpが使えるレンタルサーバー特集
検索グラス
トップページへ

HTMLの書き方-マークアップ
1. XHTMLで宣言するとよい
  • doctype宣言する
  • HTTPヘッダーのmimeをapplication/xhtml+xml
  • METAタグを修正 <meta http-equiv="Content-type" Content="application/xhtml+xml" />

XHTMLにすることでdocomoでもスタイルシートが使えるようになり、画面レイアウトの自由度向上

2. 文字サイズ
divやspanのstyle="font-size:***" で指定
  • docomo では font-size:medium位が丁度良い
  • au では font-size:xx-small
  • softbank では font-size:small

3. ボーダー
  • <div><img src="***" width="100%"></div>

4. 背景色付きブロック定義
  • <div style="background-color:#000000">もじ</div>

5. 右寄せ
  • <div style="text-align:right" align="right">右寄せ文字</div>

6. 中央寄せ
  • <div style="text-align:center" align="center">中央寄せ文字</div>

7. 画像の回り込み

左に画像、右に文字の2カラム構成をデザイン''
  • <img src="*" style="float:left;margin-top:3px;margin-right:3px;margin-left:3px;margin-bottom:3px" align="left" border="0" /><a href="#">aaa</a><br>
あああ<br clear="all" /><div style="clear:both"><img src="spacer.gif"><br /></div>

8. マーキー
  • <div style="display:-wap-marquee">マーキー文字</div>

9. au の折り返しなし&カーソルあわせでマーキー
  • <div mode="nowrap">カーソルを合わせるとマーキー</div>

10. 常に最新の情報を表示する
キャッシュをさせたくない場合、キャッシュ制御する
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="0" />

HTTPヘッダの出力でも対応可能です。

もどる:PHPで携帯サイト構築

スポンサードリンク


管理人の新着ブログ記事

    プライバシーポリシー | お問い合わせ
copyright © 2003-2017 phpspot all rights reserved. powered by phpspot CMS.