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

2013.10.14

2015.01.12

jq1014

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

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

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



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

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

KEiSoN★

デジタルハリウッドオンラインスクールで、webデザインの基本を学ぶ。
2007年よりECカート開発会社にてwebディレクター/webデザイナーとして従事。マネージャー職も務める。
2009年1月よりフリーランスのwebディレクター/Webデザイナーとして独立。2015年11月にスカイゴールド株式会社として法人化。
中小企業向けのWebブランディング・デザイン、Wordpressのオリジナルテーマ開発が得意。
国内外の様々な価値観・クリエイティブに接触することで、幅広いクリエイティブや臨機応変にアイデアを提供する。