ホームページ > ウェブフロントエンド > CSSチュートリアル > JavaScript を使用せずに表のセル () をリンクできますか?

JavaScript を使用せずに表のセル () をリンクできますか?

Linda Hamilton
リリース: 2024-11-08 20:36:01
オリジナル
413 人が閲覧しました

Can I Link a Table Cell () without JavaScript?

JavaScript を使用せずに表のセル () をリンクする

質問:

全体を変換したいです。 JavaScript を使用せずに、セルをその内容も含めてハイパーリンクに変換します。これは可能ですか?

答え:

はい、 をリンクします。セル自体は不可能ですが、セルも可能です。これは賢いテクニックです:

ハイパーリンクをセルの境界線全体に拡張するには、コンテンツがセルを完全に埋めるようにします。このアプローチは意味的には正しくありませんが、ほとんどのブラウザで機能します:

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

代替アプローチ (非推奨):

特に Internet Explorer の場合、次の HTML を使用できますが、これは HTML 標準に違反しており、賢明ではないと考えられていることに注意してください:

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

ただし、よりエレガントで標準に準拠したものにするために、CSS と JavaScript の使用を検討する価値があります。特にブラウザ間の互換性のためのソリューションです。

以上がJavaScript を使用せずに表のセル () をリンクできますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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