リンクの幅を拡大する

ＨＰは、「リンクの幅」を拡げることにより、操作性を改善出来るページもある為、この方法について検討した。

リンクを拡げる方法は色々あると思いますが、通常は図①のものが一般的であり、多くのページで使用しています。リンクの幅は下線が引かれた部分や、マウスオーバー時（マウスがリンクしている部分へ乗った時）背景色が変わったりする部分を言います。

①一般的なリンク

今回のリンクは、文章の中の一部分ではなく、目次の項目行全部をリンクにするものであるため、機能やデザイン的には項目全部（一行そっくり）、リンク機能を維持していた方が好ましいと思われます。

②改良途中のやや拡大したリンクの状態
やや拡大させたリンク

リンク幅を長く改良中の過程
上の図は、No.にはリンク機能が無い状態。
下の図は、No.にもリンク機能が付いたが、左にはやや隙間がある状態。

③拡大させたリンク・・・最終

◆改善方法の概略。
各項目はリストタグで作成し、Noは自動発生させずに、手作業で付けた。最後にリンク幅を１００％にした。