あっぷっぷ携帯ホームページ講座-STEP3

STEP3

◆メールをもらう機能
◆電話を書けてもらいたい場合
◆メールや電話番号を登録してもらう
◆ダイレクトキーを使えるようにする
◆文章をインデントする
◆基準のURLを指定する
◆METAタグについて
◆コメントをつける

◆メールをもらう機能

この機能はクリックしただけで相手のメール機能が起動してメールを送信させるのを簡単にさせるものです。

<a href="mailto:info@apupu.net">ここにメールして</a>

のように表示されます。

<a href="mailto:info@apupu.net?subject=お問い合わせ">お問い合わせ</a>
　?の後に続けて記述します。
subject=お問い合わせ　　ちなみにお問合せのところを「パラメーター」といいます。

を追加でメールの件名が「お問い合わせ」となります。

<a href="mailto:@docomo.ne.jp?subject=件名&body=メール本文">お友達にしらせる</a>

body=*****
を追加すると*****のところが本文に自動的に記入されます。
いわゆるiモードを持っている友達にお知らせしてくれる機能をもったメールが起動。メール内容に勝手にbody=以下の文章が挿入されます。
iモードは503以降、vodafoneは対応。
ez-webは対応していますがURLエンコードする必要があるそうです。文字化けがおこります。
* URLエンコードとは、半角英数字以外のものを「%XX」（XXは文字コードを16進数表記したもの）です。

◆電話を書けてもらいたい場合

電話をかけれるようにする機能は携帯電話ならではの機能です。

<a href="tel:09012345678">ここにTELして</a>

ここにTELして

PCでは電話はかけれません。

上のタグでここにTELしてという文字をクリックすれば電話をかけることができるようになります。お店などに必要な場合便利です。

◆メールや電話番号を登録してもらう

この機能はリンクをを位置付けることによって自動的に携帯に電話番号やメールを登録させることができます。

<A href="tel:電話番号" telbook="名前" kana="半カナ名前" email="メールアドレス">アドレス張に登録する</a>

アドレス帳に登録する

になり、いわゆる電話番号ブックマークができるわけです。

テルブックマークといいます。もちろんPCでも意味がありません。
iモードは503以降の機種で対応しています。その他のキャリアは未対応。

◆ダイレクトキーを使えるようにする

携帯電話各キャリアではダイヤル数字キーなどをつかって操作できるようにする方法があります。PCでは使えません。例えば

1.りんご
2.みかん
3.バナナ

という具合に仮にリンクが３つあったとすれば、わざわざバナナのところまでカーソルをあわせなくても数字の3を押せばすぐジャンプできるような機能です。

<a href="http://www.apupu.net/i/" accesskey="1">①</a>をクリック

①をクリック

上部のように表示され、数字の１を押せばジャンプします。
accesskey=""
使える文字は0～9、#,*です。
すべてのキャリアに対応。vodafoneの場合directkeyとしてもかまいませんが、他のキャリアに対応していないので意味がありません。
もともとiモードのタグだったのですがvodafoneが後から対応した形となっています。

◆文章をインデントする

<BLOCKQUOTE>～</BLOCKQUOTE>ブロッククウォートタグを使います。

一行目です。<BLOCKQUOTE>二行目はインデントされています</BLOCKQUOTE>

一行目です。

二行目はインデントされています

上のように<BLOCKQUOTE>～</BLOCKQUOTE>で囲まれた文章が前一行から改行され段落化されます。字下げ機能のこと。

◆基準のURLを指定する

<BASE>ベースタグを使います。

<HTML><HEAD><TITLE>BASE</TITLE>
<BASE href="http://www.yahoo.co.jp/">
</HEAD>
<body>
<a href="./abc.htm">Yahooのabc.htmlというファイルに飛びます</a>

<BASE href="URL">
は<head>と</head>の間に宣言します。
このタグはあまり使うことは私はないのですがご説明します。
あらかじめ<BASE href="http://www.yahoo.co.jp/">と宣言しておけば相対パスで書かれたリンクはyahooのページにリンクします。
Aタグhref属性に何も指定せず（<A href="">）アクセスする場合、BASEタグの記述があればその指定を優先し、BASEタグがない場合はカレントページの再読み込みを行います。
あまり使えるタグとも思えませんが・・・

◆METAタグについて

<META>メタタグを使います。

このタグは
<head>～</head>の間に明記する必要があります。
METAタグは本来パソコン等のホームページではいろいろな役割がありますが、携帯ではあまり深くは意味しません。
<META http-equiv="Content-Type" content="text/html; charset=SHIFT_JIS">

上のタグの意味はhtmlはSHIFT-JISというものでかきますよーーってな感じ。
SHIFT-JISというのは日本語の規格です。規格は他にもありますがここでは割愛します。

◆コメントをつける

を使います。

ホームページ上に表示させたくない文字列をソース上に書き込む場合、このタグで表記できます。自分にわかりやすいメモなどに使えます。

上のタグはブラウザ上では全く表示されません。
長いタグの場合

改行していただいてもかまいません。

STEP2へ戻る STEP4へ進む

あっぷっぷ携帯ホームページ講座TOP - あっぷっぷ