HTMLテーブルタグはどうなりましたか?


10

私は1998年にHTMLのコーディングを開始しました。その間、多くのテーブルタグを使用し、trとtdで遊んでいました。インターネット上の多くのポータルのソースコードをメモ帳とMicrosoft FrontPageで分析することで多くのことを学びました。他のテーブルと重複するテーブルがいくつあるかは楽しかったです。

しかし、私はほぼ7年間Webプログラミングを放棄し、今年は今日のWebプログラミングがどのようなものかを確認することにしました。ほとんどのサイトはテーブルタグを使用せず、代わりにdivタグとspanタグを使用しているため、完全に異なるように見えます。

なぜこれが起こったのですか?これらの新しいタグとは何ですか?なぜテーブルタグが使用されなくなったのですか?


5
Windows 2000ではなくWindows 7を使用するのと同じ理由です。テクノロジーは進化します。テーブルタグはまだ存在していますが、本来意図されていたものに使用され、ページ形式ではなく表形式のデータです。
Chris_O、2011

回答:


14

ワールドワイドウェブコンソーシアム(W3C)は、最初に開発されたカスケードスタイルシートの仕様を 1996年の12月にカスケーディングスタイルシート(CSS)根本以来、進化してきたし、人気のあるサイトの間でより一般的なプレゼンテーションデータからHTMLコンテンツの分離を行いました。

現在のサイトでは、インラインスタイルの宣言を使用して目的の効果を得ることができますが、プレゼンテーションデータ(要素の高さ、幅、パディング、マージン、絶対配置など)を複数のHTMLによって参照される単一のCSSファイルに含める方がはるかに効率的です。プレゼンテーションを変更する必要がある場合は、HTMLコンテンツのすべてのインスタンスを更新するよりもドキュメントを使用します。

ブラウザによるCSSの採用は一夜にして行われなかった(これにより、2000年代に至るまで、さまざまなブラウザで統一された表示を実現するために一部の主要なサイトが依然としてテーブルに依存していた)。一部のブラウザは、W3C CSS仕様の実装が引き続き異なっているが、グラフィカルCSS1をサポートしないブラウザーは非常に一般的ではないため、クロスブラウザー互換の表示を実現するためにテーブルに依存している人気のあるサイトはほとんどありません。

A List Apart のCSSと標準を恐れる人のため12のレッスン(2006年に発行)とW3CのCSSスナップショットのレビューは、テーブルベースのレイアウトからへの移行を追いたい場合の出発点として最適です。 CSS。


5

Web開発の進化の歴史全体に踏み込む
ことなく... テーブルはページレイアウトを行うためのものではありませんでした。これは最も重要なビットです。それらをそのように使用することは、当時のテクノロジーによってもたらされた回避策であり、不完全な仕様と非対応のブラウザーの両方でした。結局、それらの問題は(ほとんど)対処され、現在はもはや必要ありません。

SEサイトは一般に、より実用的な質問のためのものです。どのようにすればよいのか...しかし、詳細を知りたい場合は、初心者向けのHTMLブックの多く(そして、最初からやり直しているように見えます)に、導入資料として求めている内容が要約されています。


4

テーブルはまだHTML仕様に存在します。しかし、それらは表形式でデータを表示するために使用されるべきです!(テーブルのマークアップはいくぶん進化しましたが、列とグループのラベルは賢明な方法で適用するのがやや簡単です)。

写真やニュースコンテンツをウェブページに掲載したい場合は、他の人がこの質問に答えている理由を説明しているので、テーブルには十分注意してください。

1か月の勘定科目をページに表示する場合は、必ずテーブルを使用してこれを行う必要があります。


1

数年前(そして、IE 6をサポートしている場合でも)のテーブルは、すべてのブラウザーで同じレイアウトをアサートするための最良の選択でした。

Extのようにレイアウトを行うためにテーブルを使用することを拒否したフレームワークは、サイズ変更時にスタイルを変更することによって動的に寸法を計算することを終了しました。

テーブルは依然として、さまざまなフレームワーク(Icefacesなど)でグリッドレイアウトの基礎として使用されています。


1
IE6だけでなく、Officeが使用する「Word HTML」マークアップは、「かなり」HTMLメールをOutlookに送信する場合は、テーブルを使用する必要があることを意味します。
Zhaph-Ben Duguid

HTMLメールは例外ですが、テーブルベースのレイアウトに頼らずに、ほとんどのIE6の不具合に対応する非JSワークアラウンドがあります。
Lèseはmajesté

-2

私はまだそれらを密かに使用しています。

最も重要なことは、それらがまだHTML5にあることです:http : //www.w3schools.com/html5/tag_table.asp。したがって、ねじれたレイアウトのニーズに合わせてそれらを使用することは完全に安全です。

編集:(少し反対投票された後)「ツイストレイアウトの必要性」の良い例は、大量の電子メールでテーブルを使用することです。ジャンクメールを製品の約束された効果と同じくらいセクシーに見せたい場合は、ほとんどのCSSを使用できません。

私はいつもダーティなハックを使用するわけではありませんが、使用する場合は次の10年間続くハックを好みます。



4
@Misha恐ろしいソースをリンクしています。w3fools.comを
Lekensteyn

1
恐ろしいアドバイス。あなたのウェブを支えています。テーブルタグは、ページ形式ではなく表形式のデータ用です。
Chris_O、2011

ねじれたレイアウトが必要ですか?これが、絶対配置と無数のZインデックスの目的です。
CCライサー、2011

1
しかし、あなたの編集には良い点があります。適切なHTMLメールを送信するには、常にテーブルが必要です。
Stephan Muller
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.