携帯（モバイル）hp作成HTMLタグの注意点と使い方

　携帯（モバイル）hp作成HTMLタグの注意点と使い方！

携帯電話（モバイル）サイトのページを作成する場合と、パソコン向けのページでは、よく使用するHTMLタグがちょっと使いません。携帯電話ページと PC向けページについて、使用頻度の高いタグを比較してみました。

今では超簡単に無料で携帯電話1つで作成することも出来るようになりました。ですが、知識をちょっとでも持っていた方が良いと思ったので、携帯（モバイル）hp作成HTMLタグの注意点と使い方のお話をします。

AタグやIMGタグといった基本的なタグはPCサイト向けも携帯（モバイル）向けも同じですが、携帯端末のブラウザではやはりHTMLタグそのものの対応やスタイルシートの対応がPCに比べ大幅な遅れをとっています。

つまり、携帯（モバイル）だからというのではなく、単に機能上、表示制限（通常1ぺージあたり5〜8k）の制限による使用タグの違いを生み出していると言う点に焦点を当てるべきでしょう。実際にhtmlタグについて重要htmlタグを解説します。

■ <P>段落タグと<BR>改行タグと<HR>区切りタグ

• Pタグはブロックレベル要素のため、要素の上下に1行分の余白が生まれます。
• 多くのブラウザ（携帯ブラウザ）を含め、そういった挙動になります。
• 携帯（モバイル）サイトでは、外部CSSがauにしか対応してなく、Pタグで余白の調整ができません。そのため、携帯（モバイル）サイトで余白を作るのに、BRタグが用いられます。
• HRタグは携帯（モバイル）では、CSS及びTABLEタグが不可のため、線を表示するのに多用します。携帯ブラウザでは「noshade：影なし」は対応していないようです。
• 「size="1"」では、auが正しい表記をする一方、ドコモは「size="1"」でもあきらかに「size="2"」で表示されるような感じで「size="2"」以降でauでは影が表示されますが、ドコモは影自体が表示されないようです。。。

■ <STRONG>ストロング（強調）タグ

• 携帯SEOが今後流行ることを予測すると、STRONGタグは使用しておくのも良いかもしれません。SEOの為とは、簡単にいうとロボット検索エンジン対策ということです。

■ <FONT>フォント（色）タグ

• PC向けでは、CSSを用いて、SPANやDIVタグで指定するのが普通になってきました！
• 携帯（モバイル）では、既述の理由により、FONTタグで代用する古い手法が用いられます。

■ <MARQUEE>マーキータグ（文字が右から左に流れる）

HTML作成の経験者やWEBデザイナーは、電子掲示板のように動的に文字を画面上でスクロールさせることのできるマーキータグは、パソコン向けのホームページでは、られるちょっとかわいそうな存在です。

パソコンの画面は携帯画面に比べれば、はるかに大きな画面なので、そもそも文字を動かす必要がないですよね！でも、マーキータグを使うにはあまりにも画面が大きすぎて、文字が流れ終わるまでに時間がかかってしまいます。

だから、逆効果です。このような不便さや見にくさから、PC向けのホームページでは「ユーザビリティを低下させるタグ」として毛嫌いされることが多く、WEBデザイナーなどの間では最も使用されないタグと言えるかもしれません。

ところが、この「マーキータグ/MARQUEE TAG」

携帯画面にとって重宝するタグなのです。携帯の画面サイズには物理的な制約があり、1行に表示できる文字は全角でだいたい8〜10字程度です。

携帯電話の画面では、この文字数を超えると文字が自動的に改行されて表示されます。カッコ悪い時がでてきます。このときにマーキータグ/MARQUEE TAGが大活躍します。

マーキータグを使用することによって、本来なら画面からはみ出てしまう文字数でも、文字を一方向に流すことによって1行で結構長い文章を表示させることができるのです。

マーキータグを使用するには、スクロールしたい文を以下のように記述すればOKです。

この文字は画面を横方向に流れる
↑「この文章は、15文字」です↑

マーキータグは、属性によって流れる方向や、動き方、背景などを別途指定できます。以下のサイトで、好みに合わせたタグと属性を生成できます。ただし、すべての属性が携帯で対応しているとは限りません。詳しくは、各携帯会社のリファレンスを見てみましょう。

3キャリア対応サイトを作成する際の注意ですが、ドコモの端末ではマーキータグで指定する文字数に制限があります。具体的には、64バイトまでの表示しかできませんから、マーキータグでスクロールできる文字数は、すべて全角であれば「32文字まで」となります。

HTMLタグを使うのは難しいと思った方へ、お得情報です。PCからでも携帯電話からでもモバイルサイトを簡単便利にhp作成できる所を紹介します。

【　PC・携帯hp作成に必要な無料簡単サーバー　】を紹介しましょう！