divタグにリンクをつけて、liタグ内で改行する方法

以下の方法はjavascriptでonclickのlocation.hrefやCSSでposition absoluteとrelative等を使用しないでdivタグにリンクを貼る方法で、便利だと思ったのでメモします。

以下のようにdivタグをaタグで囲んでしまえばちゃんとリンクが貼れました。なんだ、そんな簡単なことだったのか。。。

現行のHTMLではダメですが、HTML5では許されている記述方法だそうです。

<a href="index.html"><div class="xxx"></div></a>

さらにliタグで改行する場合は、下記のコードの通り、divタグで改行する文字を囲ってあげると改行します。brは使えません。

• サンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプル
• サンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプル
  index.htmlページへ移動。
  サンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプル
• サンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプル

<ul>
<li>サンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプル</li>
<li>サンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプル<a href="index.html"><div>index.htmlページへ移動。</div></a>サンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプル</li>
<li>サンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプル</li>
</ul>

↑ ページの先頭へ