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

jq1014

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

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

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

WEB制作についてのご相談はお気軽にどうぞ。

WEBデザイン制作、ブランディング、Wordpress構築・カスタマイズ、
WEBサイトに関するお見積もり・不明点やご相談等、お気軽にお問い合わせください。

この記事を書いた人
KEiSoN★
スカイゴールド株式会社 代表取締役 / クリエイティブディレクター/フルスタックwebデザイナー

2009年1月よりフリーランスのディレクター/フルスタックWebデザイナーとして活動しながら、ノマドな働き方を試み始める。
過去16カ国ほど訪れ、一眼レフにその景色を収めながら時々ドローンも飛ばす。2015年11月にスカイゴールド株式会社として法人化。
現在は主に東京を中心にしながら、 タイ・バンコクを年間4,5回ほど往復しながら活動中。
Wordpressを使用したオリジナルデザイン制作・オウンドメディア構築を得意とする。
国内外の様々な価値観・デザインに接触することで幅広いクリエイティブや臨機応変にアイデアを提供する。
最近は、Shopify制作の勉強も行なっている。

アーカイブ