トップ 差分 一覧 ソース 検索 ヘルプ PDF RSS ログイン

Mobile向けWeb

目次

モバイル機器向けXHTML仕様

  • W3Cによる「XHTML Basic 1.0」
  • WAPフォーラムによる「XHTML Mobile Profile 1.0」→別名WAP 2.0

XHTML Basic 1.0をベースに、XHTML MPが策定されている?で、さらにdocomo/au(OpenWave)がそれぞれ独自拡張したのがiモード対応XHTMLとau用のXHTML?

My First HDML『モバイル機器向けXHTML仕様』
http://www001.upp.so-net.ne.jp/hdml/wap2/xhtml/spec.html
WAP2.0再び(XHTML MPとBasic、iモード対応XHTML)
http://bakaweb.cocolog-nifty.com/blog/2009/02/wap20xhtml-mpba.html

WAPフォーラムによる「XHTML Mobile Profile 1.0」

http://m.youtube.com/からゲット。

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

HTML(cHTML)からXHTMLで変わること

XML宣言はauは無視してますね。

  • ヘッダ部分にXML宣言文を挿入する必要があること
  • 文法的にイレギュラーな記述が認められないこと
  • すべてのタグ(要素タイプ名、属性名)は小文字で記述する
  • 属性の値は必ず引用符で囲む
  • 終了タグを省略しない
  • 空要素のタグは“/>”で閉じる
  • ファイル内の位置を示すにはid属性を併記する

Windows Mobile 6.5

横方向に無制限にスクロールできて、読みにくくて仕方ないのをなんとかしたい。横方向、縦方向を画面サイズ以上、無駄にスクロールさせないようにする設定。

この辺が使えそう。

viewport

Safari用/Opera 9.5で対応。

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;"/>

IE Mobile用

mobileoptimized

Viewportの IE版と思いねぇ。WM5以降で使えるそうです。

<meta name=“mobileoptimized” content=“240”>

Only specifies width. Special value of content= “0” for auto width.

<!DOCTYPE html PUBLIC ""-//WAPFORUM//DTD XHTML Mobile 1.2//EN"" ""http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd"">

Any DOCTYPE with Mobile in the name will work. The width will be auto.

<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0">