用于<table>导航栏的 HTML 标记是否不正确或不正确？

Question

我在下面发布了一些代码，为网站制作了一个非常基本的导航栏。它使用表格进行布局，使用CSS进行间距。然而，我不确定这是否被认为是"最好"的方式。

将<table>用于元素周期表或其他数据之外的其他数据是否不正确？

非常感谢！

HTML代码

<table class="navigation">
<tr>
<td>Home</td>
<td>About</td>
<td>Products</td>
<td>Store</td>
<td>Contact</td>
</tr>
</table>

CSS代码

.navigation {
margin: 0 auto;
background-color: transparent;
color: #666666;
border-spacing: 60px 10px;
letter-spacing: 2px;
}

Answer 1

有些人可能不同意，但我会同意。使用导航栏的表格是绝对不正确的。原因如下；HTML是你的标记，它基本上应该用来描述页面上发生的事情。在这种情况下使用表纯粹是为了美观，这就是CSS的工作。

已经完成的事情，也是对大多数人来说最有意义的选择，是使用一个无序的列表，并在其中添加一些列表项来创建导航栏，如下所示：

<nav>
<ul>
<li>Home</li>
<li>About</li>
<li>Products</li>
<li>Store</li>
<li>Contact</li>
</ul>
</nav>

看看这里是如何描述一切的，而不是指定一种格式？我们在说；"在这个导航中，有一个列表。在这个列表中有几个项目。"-仅凭这一点，我们就可以猜测导航标签中的列表项目可能是导航链接(当添加了a标签时(。

查看w3学校的HTML来了解这类信息，他们比我们大多数人愿意/能够做的要好得多。