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

2013.10.14

2015.01.12

jq1014

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

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

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



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

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

KEiSoN★

インターネット・ITに将来の可能性を感じ、デジタルハリウッドオンラインスクールで、webデザインを学ぶ。
2007年よりECカート開発会社にてwebディレクター/webデザイナーとして従事。マネージャー職も務める。
2009年1月よりフリーランスのwebディレクター/Webデザイナーとして独立し、ノマドな働き方を試み始める。
過去16カ国ほど訪れ、一眼レフにその景色を収めながら時々ドローンも飛ばすなど、写真や映像のクリエイティブにも触れる。
2015年11月にスカイゴールド株式会社として法人化。
中小企業向けのWebブランディング・デザイン、Wordpressのオリジナルテーマ開発・オウンドメディア構築が得意。
国内外の様々な価値観・デザインに接触することで、幅広いクリエイティブや臨機応変にアイデアを提供する。