小型携帯端末向けスタイルの分岐方法（CSS 3 Media Queries） | クリエイティブ・タブロイド withD（ウィズ・ディー）
早いもので、もう年の瀬ですね。先日、いよいよアップルが 3G版 iPhone の、日本での発売に向けて動き出したみたいですね。iPod Touch 共々、これでウェブブラウジングの選択肢が、またひとつ増えることになりそうです。 もちろん、iPhone や iPod Touch 以外にも、PDA や、スマートホン、携帯電話、携帯ゲーム機など、ウェブにアクセスできる小型携帯端末はたくさんあります。これら小型携帯端末は、PC 用のディスプレイに比べて画面が小さく、縦長のもの、横長のもの、縦横両用のものなど、大きさも縦横比もまちまちです。 最近は、こうした小型携帯端末から、携帯電話用ではなく、PC 向けのコンテンツにアクセスする機会が増えつつありますが、さすがに小さな画面で、マルチカラム レイアウトのページを閲覧するのはツライですよね。
2/3 携帯サイトの作り方 第2回 番号キーで移動 [ホームページ作成] All About
携帯サイトの作り方 第2回 番号キーで移動(2ページ目)携帯電話で閲覧できる「ケータイサイト」作成方法の第2弾です。携帯端末では画面スクロールやリンクの選択が少々面倒です。携帯電話の「番号キー」を使って、ページ内の移動やリンクの選択を手軽にしてみましょう！ 携帯電話には必ず「0」～「9」の数字キーと「#」・「*」キーがあります。 リンクを作るa要素に accesskey属性を加えると、これらのキーをページ内の特定のリンクに関連付けることができます。 例えば、下記のようにソースを記述すると、数字キーの「3」を押すだけで、このリンクをクリックしたことになります。 <a href="next.html" accesskey="3">リンク名</a> accesskey属性の値には、対応するキーを（半角で）記述します。 「#」キーを押した際に sharp.html ページへ移動させたいなら、 <a
![2/3 携帯サイトの作り方 第2回 番号キーで移動 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
