如何编写cellspacing=0代码，使其成为有效的HTML5？

Question

我的HTML如下所示：

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

我的集成开发环境告诉我宽度和单元格间距不是有效的HTML5。

有没有一种方法可以将其编码为有效的？

Answer 1

那么，使用border-collapse: collapse; CSS规则(具有相同的效果:表单元格之间没有空格)。请注意，这可能在IE 5或6等较旧的浏览器中不起作用，所以如果您需要支持它们，那么您就不走运了。

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

Answer 2

从HTML5开始，width和cellspacing属性确实已经折旧。处理这个问题的正确方法是使用CSS。

关于单元格间距，请看这个答案：In HTML5, with respect to tables, what replaces cellpadding, cellspacing, valign, and align?

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

这是cellspacing="5“的示例

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

这是cellspacing="0“的示例

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

要解决width属性无效的问题，只需使用CSS width属性：

.table {
    width:100%;
}