▼Menuテキストリンクメニューリンクを作成するには、簡単なテキストリンクが一般的ですが、画像リンクの方が見栄えが良い為か企業のページによく見られます。画像リンクは画像を使う為に作るのが面倒です。画像はファイルの大きさが大きくなる事、ファイルの数が増える事、代替テキストが必要な事等、見栄え以外に良いことは何も無いと思います。比較してみると、テキストリンクの特徴は作成が簡単ファイルは大きくならないファイル数は増えない代替テキストは必要ないと言うより、代替えという概念が存在しない。背景色を設定すれば見栄えもそこそこにできると良い事だらけです。私はテキストリンクを主に使うのを信条にしています。テキストリンクの欠点を言えば、テキストリンクは、文字の大きさを変えると表示が崩れて、デザインしにくいことくらいです。これは、文字の大きさを絶対指定すれば、表示が崩れることはなくなります。標準的なテキストリンクの色テキストリンクの色は何でも設定できますが、標準的な色に設定した方が訪問者が戸惑わなくて良いと思います。一般的には次のような色です。赤色またリンクはアンダーラインがあるのが一般的です。できるだけ下線(アンダーライン)も設定しましょう。エキサイトのホームページがこの通りの設定になっています。私はアンダーラインを設定しています。ホーバー時にはバックグラウンドカラーも設定して使い易くしています。テキストリンクメニューで前後の空白部もリンクさせるテキストリンクメニューでテキスト以外のところをクリックしても普通はリンクできません。表の中の空白部分でもリンクできる方法をHTMLだけで実現する方法を考えていたのですが、うまくできましたので紹介します。ジャバスクリプトでも紹介された例を見ることがあります。対応していないブラウザではうまくいきません。テキストメニューに使うリンクの例1.普通のリンク例2.私の実現したいリンク例この「1」が普通のリンクで、表の中の空白部分はリンクされていません。「2」が私の実現したいリンクです。前後の空白部分もリンクされています。HTMLだけで簡単に実現できます。私の場合は外部スタイルシート(style.css)を使用しています。理由はトップページにも書いている通り「外部スタイルシートを使用して各ページのデザインを統一すると同時に、HTMLファイルの大きさを出来るだけ小さくする努力をした」ということです。center}のようになっています。文脈セレクターでメニューに使う文字の大きさとブロック要素等を設定しています。上記のリンク部分のHTMLは次のようになっています。href="http://">2.私の実現したいリンク例</a></td></tr></table>ブロック要素の中で使うのがミソです。簡単に実現できるでしょう。リンクの途中で改行をさせない方法メニュー等でテキストリンクを横に一列に並べていくと、リンクの途中で改行されて見にくいことがあります。これを防ぐには、次のようにスタイルシート(CSS)でホワイトスペース(white-space)にノーラップ(nowrap)を指定します。nowrap;}一つのリンクの長さをあまり長くしないようにします。﻿サイト内検索PageSpeedLighthouse(Mo)Lighthouse(PC)楽天市場HTML更新日:2022/10/02。