携帯用のＨＰはコンテンツが多くなるとそれだけ縦の幅が長くなって、一番下までスクロールするのにすごく時間がかかってしまうようになります。
そこで携帯電話の①や②ボタンを押すだけでページ内の指定した場所にジャンプできるリンクを紹介したいと思います。
使う技術はそれほど難しくはなく、HTMLだけでできます。
まずは移動させたい場所に以下のタグを書き込みます。
<a name="ue" id="ue"></a>
name="リンクの名前を入力"
（ここではueとします。）
id="nameと同じ名前を入力"
（xhtmlなので一応idも付けましたがnameだけでも動きます。）
次に<body>内のどこでもいいのでボタンの設定を書きます。
<a href="#ue" accesskey="1"></a>
これで携帯電話の①ボタンを押した時に"ue"にジャンプする事になります。
例）
<html>
<head>
<title>携帯ボタンリンク</title>
</head>
<body>
<!--ここの所はどこに書いてもいいです。-->
<a href="#①ボタン" accesskey="1"></a>
<a href="#②ボタン" accesskey="2"></a>
<a href="#③ボタン" accesskey="3"></a>
<a href="#④ボタン" accesskey="4"></a>
<h1>ボタンリンクページ</h1>
<table>
<tr><td height="800">
<h2><a name="①ボタン" id="①ボタン">あ行</a></h3>
あ<br />い<br />う<br />え<br />お<br />
<td/></tr>
<tr><td height="800">
<h2><a name="②ボタン" id="②ボタン">か行</a></h2>
か<br />き<br />く<br />け<br />こ<br />
</td></tr>
<tr><td height="800">
<h2><a name="③ボタン" id="③ボタン">さ行</a></h2>
さ<br />き<br />す<br />せ<br />そ<br />
</td></tr>
<tr><td height="800">
<h2><a name="④ボタン" id="④ボタン">た行</a></h2>
た<br />ち<br />つ<br />て<br />と<br />
</td></tr></table>
</body>
</html>
・サンプルファイル-
botan.htmlPR
