HTMLテーブル内の空白を削除する

ページレイアウト用のテーブルを使用している場合（XHTMLのno-noの場合、レイアウトに余分なスペースを追加する可能性が高くなります）この問題を解決するには、HTMLテーブルの定義と支配的なスタイルシート。

HTMLテーブル定義

デフォルトでテーブルのHTMLタグは、スペース要件の一部を制御しません。 HTMLドキュメント内の "table"タグに関する3つのことを確認します。

1. あなたのテーブルにはcellpadding属性が0に設定されていますか？

   1. セルパディング= "0"

2. あなたのテーブルのcellspacing属性が0に設定されていますか？

   1. cellspacing = "0"

3. あなたのコンテンツとテーブルのタグの前後に空白がありますか？

3番はキッカーです。多くのHTMLエディタは、読みやすくするために、コードをすべて空白にしたいと思っています。しかし、多くのブラウザでは、タブ、スペース、キャリッジリターンをテーブル内の必要な余分なスペースとして解釈します。あなたのタグの周りの空白を取り除くと、きれいなテーブルがあります。

スタイルシート

しかし、それはオフのHTMLではないかもしれません。カスケーディングスタイルシートは表の表示属性をいくつか制御しますが、ページによっては、最初に意図的に表固有のCSSを追加している場合としない場合があります。

支配するCSSファイルをスキャンして、 "table"内の次の値を探します ,' ' th "または ' td " プロパティを編集し、必要に応じて調整します。

• 境界：表またはセルの境界線の属性を指定します。
• 国境崩壊：境界線の重複を避けるため、隣接する境界線を1つとして扱います
• パディング：各セルの周囲に空白をピクセル単位で表示します。
• テキスト整列：セル内のテキストの配置を決定します。
• ボーダー間隔：セル間の間隔をピクセル単位で設定します。

代替案

HTMLテーブルを使用することはできますが（現行のブラウザでは標準が確立され、普遍的にサポートされていますが）、現代的なレスポンシブなWebデザインではカスケードスタイルシートを使用してページに要素を配置します。テーブルは表形式のデータを表示するという本来の目的にはまだまだ意味がありますが、ページのレイアウトやコンテンツを整理するには、代わりにCSSレイアウトを使う方がはるかに優れています。