スマートフォンサイトの設計・デザイン、HTML5+CSS3による基本的なマークアップについて前回までに解説してきました。今回はページ内の要素にリンクを設定してスマートフォンサイトを仕上げます。 ページ内リンクを張る 今回制作しているスマートフォンサイトは、ページ内の各コーナーに移動できるナビゲーション(ジャンプボタン)を設置しています。まずはジャンプボタンにページ内リンクを設定しましょう。ページ内リンクは、PCサイトと同様、リンク先の要素にID属性を振り、a要素を次のように記述します。 <ul class="clearfix"> <li><a href="#access">アクセス</a></li> <li><a href="#tel">電話</a></li> <li><a href="#mail">メール</a></li> </ul> ボタン全体にリンクを貼る ページ内リンクを設定したサ
![JavaScriptで振り分けてスマホサイト完成! (1/5)](https://cdn-ak-scissors.b.st-hatena.com/image/square/c09471ceedfd6ae34cbd3246b373f811a6a16eaa/height=288;version=1;width=512/https%3A%2F%2Fascii.jp%2Fimg%2F2010%2F07%2F28%2F272193%2Fl%2Fd22d2baaa938c42c.jpg)