MW211 EXIT

devlog
HTML/偽物アンカーリンク
2014年01月03日
アンカーリンクっぽい装飾なんだけど、リンク先に飛ばないアンカーリンクの作り方。
#ボタンの代わりにアンカーリンクを使いたい場合なんか向け

(1) JavaScriptでfalseを返してリンク先に飛ばない方法
┌──────────────────────────────────────┐
│<a href="" onclick="return false;">リンク</a>                               │
└──────────────────────────────────────┘
ほぼこれが正解。但し、JavaScript無効だと使えない。

(2) ページ内リンクでごまかす方法
┌──────────────────────────────────────┐
│<a href="#">リンク</a>                                                      │
└──────────────────────────────────────┘
ページ内先頭へのリンクとなるので、ページがスクロールした先にあった場合には
先頭に飛んでしまうのでばれてしまう。

(3) リンクはやめて装飾でごまかす方法
┌──────────────────────────────────────┐
│<span style="color:#0000FF;cursor:pointer;text-decoration:underline;"       │
│                                                              >リンク</span>│
└──────────────────────────────────────┘
リンク済みの場合は文字が紫色にならないので違和感があるかも。
何のイベントも意識しなくていいからこれが無難かもしれない。
分類:HTML