Jqueryを使用してブロック要素全体にリンクを設定して、操作性をアップさせる。

2013.10.14

2015.01.12

jq1014

Jqueryを使用して、ブロック要素全体にリンクを設定して、操作性をアップさせる方法を見つけたので、覚え書き。
HTML5では、ブロック要素の外側にリンクを設定できるので、問題はないのですが、XHTML,HTML4では、ブロック要素の外にリンクを囲むと文法エラーになるので、下記のようなJqueryを設定してやるとよいと思います。

サンプルテキストです。リンク先を指定すると、ブロック要素全体がクリックできるようになるので、操作性がアップします。

XHTML,HTML4ではブロック要素の外にリンクを囲むと文法エラーになるので、このやり方をするとよいです。



サンプルテキストです。リンク先を指定すると、ブロック要素全体がクリックできるようになるので、操作性がアップします。

XHTML,HTML4ではブロック要素の外にリンクを囲むと文法エラーになるので、このやり方をするとよいです。
/* Jqueryだけでは、ポインターが変わらないので、CSSを記述する */

KEiSoN★

現在は東京都渋谷区でWeb制作会社を経営。一児の父。
Webコンサルティング/ディレクション/デザインを軸に“成果につながるWeb”を設計しています。
20代はバンドマン。30代は旅とノマドワークで16カ国を渡航。
旅と音楽が、思考と創造の源です。