html - 如何编码 cellspacing=0 使其成为有效的 HTML5？

Question

我的 HTML 看起来像这样：

<table class="table" style="clear: both;" width="100%" cellspacing="0">

我的 IDE 告诉我宽度和单元格间距不是有效的 HTML5。

有没有办法可以对此进行编码以使其有效？

Answer 1

好吧，使用border-collapse: collapse;CSS 规则（具有相同的效果：表格单元格之间没有空格）。请注意，这可能不适用于 IE 5 或 6 等较旧的浏览器，因此如果您需要支持它们，那您就很不走运了。

<table class="table" style="clear: both; border-collapse: collapse; width: 100%;">

Answer 2

从HTML5 开始， widthandcellspacing属性确实被贬低了。处理这个问题的正确方法是使用 CSS。

对于单元格间距，请参阅此答案：在 HTML5 中，关于表格，什么替换了单元格填充、单元格间距、valign 和对齐？

我从上面链接中的答案中摘录了代码（归功于@Drudge）：

这是 cellspacing="5" 的示例

.table { 
    border-collapse:separate;
    border-spacing: 5px;
} 

这是 cellspacing="0" 的示例

.table { 
    border-collapse:collapse;
    border-spacing: 0; 
}

要解决您的width属性无效，只需使用 CSSwidth属性：

.table {
    width:100%;
}