使用 cellpadding="2" 可以吗？单元格间距＝“2”在<表>中？

Question

在 中使用 cellpadding="2" cellspacing="2" 可以吗？或者这些不是 W3C 推荐的并且不符合 Web 标准？

CSS 中有哪些替代方案？

更新：使用 也可以吗？

我的问题是关于内容和表示的分离以及 W3C 建议。

更新： 根据中的此图表仅align 和 bgcolor。那么允许

的其他属性可以吗？

替代文本 http://shup.com/Shup/293811/11021055643-My-Desktop .png

Answer 1

单元格填充和单元格间距属性仍然受到完全支持。尽管有些人会告诉您通过 CSS 设置表格单元格上的填充和边距来实现此目的，但这仍然是将其应用于表格中的每个单元格的简单方法。

如果您想要一份属性列表以及哪些属性已弃用，我发现 w3schools 是最可靠的信息来源。

w3schools：td 标签

w3schools：表格标签

Answer 2

不，这些属性并未被正式弃用，但通常不受欢迎，因为您应该使用 CSS 进行演示。

对于cellpadding，您可以轻松地将其替换为CSS中的padding：

table.classname td {
  padding: 4px;
}

对于cellspacing，首先确定它是否确实有必要。如果表格单元格上没有任何边框，或者您不希望每个单元格的边框之间有间距，那么它就不是。 （我个人认为单元格间距在设计方面看起来很糟糕，但在某些情况下可能很有用。）

这样做非常好：

table {
  border-collapse: collapse;
}

然后每个表格单元格与其邻居共享边框，这意味着您可以添加 1px 顶部和底部边框，每行之间仅间隔 1 像素。

然而，要分离边框，您可以使用此 CSS，尽管它可能在 IE6 中不起作用。

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

Answer 3

虽然技术上很好，但强烈不推荐。

想象一下，如果您的网站在多个页面上有许多表格，并且您出于某种原因想要更改填充或间距。那么，您必须浏览整个网站并进行更改。

或者，您可以使用 CSS，通过更改一个位置的一行代码来更改整个网站。这不仅效率更高，而且更容易，可以帮助您避免错误，并使您保持一致。

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

如果您想使用一些带有填充和边距的表格，而另一些则没有，您可以通过添加“.”在 CSS 中创建类。在您选择的名称之前：

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

请注意，类名称区分大小写。还有许多其他属性可供您使用，例如边框、背景颜色等。

简而言之，虽然单元格间距和单元格填充属性并未弃用，但使用 CSS 会更好，以便在整个项目中实现轻松和一致。地点。

Answer 4

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