Ist es in Ordnung, cellpadding="2" cellspacing="2" in <table> zu verwenden?

Question

Ist es in Ordnung, die cellpadding="2" cellspacing="2" en <table> ? Oder sind diese nicht vom W3C empfohlen und entsprechen nicht den Webstandards?

Was sind Alternativen in CSS?

Update : und ist es auch in Ordnung, die <td align="right" valign="top"> ?

Meine Frage bezieht sich auf die Trennung von Inhalt und Darstellung und die W3C-Empfehlungen.

Update : Nach dieser Tabelle en <table> seulement align y bgcolor sind in der strikten Version nicht erlaubt. Ist es also in Ordnung, andere Eigenschaften von <table> ?

alt text http://shup.com/Shup/293811/11021055643-My-Desktop.png

Answer 1

Nein, die Attribute sind nicht offiziell veraltet, aber sie sind im Allgemeinen verpönt, da Sie CSS für die Darstellung verwenden sollten.

Pour cellpadding können Sie einfach ersetzen durch padding in CSS:

table.classname td {
  padding: 4px;
}

Pour cellspacing entscheiden Sie zunächst, ob dies wirklich notwendig ist. Wenn die Zellen der Tabelle keine Ränder haben oder Sie keine Abstände zwischen den Rändern der einzelnen Zellen wünschen, ist dies nicht der Fall. (Ich persönlich finde, dass Zellenabstände aus gestalterischer Sicht schlecht aussehen, aber sie können unter bestimmten Umständen nützlich sein).

Es ist sehr schön, dies zu tun:

table {
  border-collapse: collapse;
}

Dann teilt sich jede Tabellenzelle den Rand mit ihrem Nachbarn, d.h. Sie können z.B. 1px oberen und unteren Rand hinzufügen und erhalten nur 1px zwischen den einzelnen Zeilen.

Um die Ränder zu trennen, können Sie dieses CSS verwenden, obwohl es im IE6 wahrscheinlich nicht funktioniert.

table.data td {
  border-collapse: separate;
  border-spacing: 4px;
}

Answer 2

Das ist zwar technisch in Ordnung, wird aber nicht empfohlen.

Stellen Sie sich vor, Ihre Website hätte viele Tabellen auf vielen Seiten, und Sie wollten aus dem einen oder anderen Grund die Füllung oder den Abstand ändern. Nun, Sie müssten Ihre gesamte Website durchgehen und die Änderungen vornehmen.

Oder Sie können CSS verwenden und Ihre gesamte Website durch Änderung einer Codezeile an einer Stelle verändern. Das ist nicht nur viel effizienter, sondern auch einfacher, hilft Ihnen, Fehler zu vermeiden, und sorgt für Konsistenz.

<style type="text/css">
    table td { padding:10px; margin:10px; }
</style>

Wenn Sie einige Tabellen mit Polsterung und Rändern und andere ohne verwenden möchten, können Sie in Ihrem CSS Klassen erstellen, indem Sie ein "." vor einem Namen Ihrer Wahl hinzufügen:

<style type="text/css">
    .myTable td { padding:10px; margin:10px; }
</style>
<table class="myTable> etc...

Beachten Sie, dass bei den Klassennamen zwischen Groß- und Kleinschreibung unterschieden wird. Es gibt auch viele andere Attribute, mit denen Sie Spaß haben können, wie z.B. border, background-color, etc...

Kurz gesagt, obwohl die Attribute cell-spacing und cell-padding nicht veraltet sind, ist es aus Gründen der Einfachheit und Konsistenz auf Ihrer gesamten Website weitaus besser, CSS zu verwenden.

Answer 3

<style type="text/css">
table.padded-table td { 
    padding:10px; 
    }
</style>

Answer 4

Die Eigenschaften cell-padding und cell-spacing werden weiterhin vollständig unterstützt. Obwohl einige Leute Ihnen sagen, dass Sie es mit CSS-Einstellung padding und margin auf die Tabellenzellen zu tun, ist dies immer noch der einfache Weg, um es auf jede Zelle in einer Tabelle angewendet haben.

Wenn Sie eine Liste der Eigenschaften und welche veraltet sind, finde ich w3schools die zuverlässigste Informationsquelle.

w3schools: td-Tag

w3schools: Tabellen-Tag