ホームページ > ウェブフロントエンド > CSSチュートリアル > HTML テーブルのセル全体からリンクを作成するにはどうすればよいですか?

HTML テーブルのセル全体からリンクを作成するにはどうすればよいですか?

Mary-Kate Olsen
リリース: 2024-11-13 17:28:02
オリジナル
1103 人が閲覧しました

How to Create a Link From an Entire HTML Table Cell?

表のセルからのリンク ()

HTML では、表のセル内のテキストからハイパーリンクを作成できます。ただし、セル全体にまたがるリンクを作成するのは難しい場合があります。

全体をリンクするには JavaScript を使用しないセル:

推奨方法:

  1. セルのコンテンツがセルの高さと幅全体を占めるようにします (ただし、境界線は含まれません)。
  2. コンテンツを で囲みます。 href 属性が目的のリンクに設定された要素。

例:

<td>
  <a href="http://example.com">
    <div>
ログイン後にコピー

注: このメソッドは意味論的ではありません。 なので正しいです。はインライン要素であることを意味します。ただし、ほとんどのブラウザで動作します。

代替案 (非推奨):

Internet Explorer の場合のみ、 を直接リンクすることで HTML 標準に違反します。 element.

例:

<table border="1">
  <tr>
    <a href="http://example.com"><td width="200">Hello world</td></a>
  </tr>
</table>
ログイン後にコピー

注意: このメソッドは非標準であり、他のメソッドでは機能しないため、お勧めできません。ブラウザ。

以上がHTML テーブルのセル全体からリンクを作成するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート