携帯サイトを作ろう! -ちょっと詳しいモバイルサイトの作り方-
XHTML+CSSで一歩進んだモバイルサイトを作るテクニックを幅広く紹介☆
このエントリーを含むはてなブックマーク このエントリーをブックマークに追加
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


このエントリーを含むはてなブックマーク このエントリーをブックマークに追加
以前、

ドコモ iモードサイト作成時のHTML DOCTYPEまとめ
(http://dspt.blog59.fc2.com/blog-entry-37.html)

について書きましたが、今読み返すとあまりに適当な気がして、
読者の方に誤解を招くのは申し訳ないので、携帯サイトを制作する際に、
DOCTYPEはどのように記述すべきかもう一度考えてみます。

現在、各キャリアが推奨しているDOCTYPEは、
Kamitani79-メロンとバナナとブログさんに書かれているように、各社独自に定めています。

が、しかし実際のところは、3キャリア共通のXHTMLを書く場合には、
XHTML Mobile Profileに従って記述するほうが、各社のXHTMLの仕様を見ても、
一番合っている気がします。

ただ、XHTML Mobile Profileはかの有名なW3Cが勧告したものではなく、
携帯端末の特性に合わせて、WAP Forumが仕様化したもの。
PCのようにW3Cに合わせるべきだという論調に従うのであれば、
W3Cがモバイル用に定めた、XHTML Basicに合わせる方がよいのでは?という意見もあります。

ただし、XHTML Basicではstyle属性によるCSSの指定ができません。
PCサイトを制作してきた人にとっては、今更style属性なんて。
と思われるかもしれませんが、携帯サイトでCSSを使う場合、
ドコモではstyle属性でしかできません。

ということで、どっちみち3キャリア対応とするならば、
XHTML Mobile ProfileかXHTML 1.0 Transitionalあたりを使うほかない気がします。

検索エンジンへのフォローという意味では、
GoogleはDOCTYPEにXHTML Basicを推奨例に、WML、cHTML、XHTML-MPを推奨しています。
それはあくまで世界的に見た場合であって、独自に進化している日本においては、
それでいいの?という疑問符がつきます。


もちろん、検索エンジンのロボットはこのDOCTYPEだけで、携帯サイトを認識するのではなく、
例えば「絵文字が含まれているか」とか「半角カナが使われているか」、「ページ容量はどのくらいか」というように複合的に判断しているらしいので、XHTML Basicじゃなきゃダメ!というわけでもなさそうです。適切にマークアップできていればどのDOCTYPEを選んでも問題なさそうです。

ということで、私は以下のDOCTYPEがよいのでは?という考えで、サイトを制作しています。

■XHTML Mobile Profile 1.0
<?xml version="1.0" encoding="Shift_JIS"?>
<!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">



■XHTML 1.0 Transitional
<?xml version="1.0" encoding="Shift_JIS"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">



※2008年12月9日 追記
はてなブックマークで以下のコメントをいただきました。

「XHTMLBasic 1.1」でXHTML Mobile Profileは統合された…


こちらのミツエーリンクスさんの情報では、
XHTML BasicにXHTML Mobile Profileが統合されるようXHTML Basic1.1が「勧告候補」となった。
と記されています。あくまで勧告なので、日本を始めメーカー、キャリアが今後この勧告を受け入れていけば、標準化(統一化)されていくでしょう。

ただし、現状ではドコモやauなどでも、XHTML Basic1.1には対応していません。
今後に期待されます。





管理者にだけ表示を許可する


最新のDOCTYPEは?
とても勉強させていただいております。
携帯サイトを初めて作っておりまして、今回3キャリア共通用のサイトを思案中です。
DOCTYPEについて、どう書けばよいのか分からずに困っております。
こちらの記事は2008年に書かれたようですが、2010年の現在も、まとめてくださっている「■XHTML Mobile Profile 1.0」でいけるのでしょうか?
midori_iro | URL | 2010/07/20/Tue 12:33 [EDIT]
Re : Googleの推奨について
MFさん。ご指摘ありがとうございます。
そうですね。読み直したらBasic以外でも良く、選んだDOCTYPEに
従ってマークアップすればよいみたいですね。

自分が確認した時はBasicしかなかったような気がしますが、
確かに現在のページはご指摘の通りです。
記事を修正させていただきました。
shiba | URL | 2008/11/17/Mon 08:57 [EDIT]
Googleの推奨について
http://www.google.com/support/webmasters/bin/answer.py?hl=jp&answer=40348
ですが、
XHTML Basicは例として挙げられているだけで、推奨していると考えられるのは、
>適切なマークアップを使用する (WML、cHTML、XHTML Basic、XHTML MP)。
ではないでしょうか?
MF | URL | 2008/11/17/Mon 07:20 [EDIT]
Re : 紹介して頂いてありがとうございます。勉強になります。
Kamitani79さん、こんばんは。はじめまして。

書き込みありがとうございます。
いえいえ、こちらこそ参考にしていただけてるとは!
ありがとうございます。

今後も良い記事を出せていけるように頑張ります。
shiba | URL | 2008/10/07/Tue 00:08 [EDIT]
紹介して頂いてありがとうございます。勉強になります。
どうもはじめまして、Kamitani79です。

記事の方紹介して頂いてありがとうございます。
携帯サイトを作る上で、shibaさんのサイトを非常に参考していたので、
今回非常にびっくりしています。

モバゲータウンのように作るにはどうすれば良いかは非常に参考になりました。

携帯サイトの情報があまりなく困っていました。

今回のDOCTYPEについてもう一度考えてみる。も非常に勉強になります。
Kamitani79 | URL | 2008/10/06/Mon 22:34 [EDIT]




Copyright © 携帯サイトを作ろう! -ちょっと詳しいモバイルサイトの作り方-. all rights reserved.

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。