HTML <table> 标签是否不适用于导航栏？

Question

我在下面发布了一些代码，它们为网站制作了一个非常基本的导航栏。它使用 table 布局和 CSS 间距。但是，我不确定这是否被认为是 "best" 方式。

将 <table> 用于元素或其他数据的周期性 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

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

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

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

看看这里是如何描述所有内容而不是指定格式的？我们说； "in this Nav, there's a list. In this list there are a few items." - 仅从这一点我们就可以猜测 Nav 标签中的列表项可能是导航链接（当添加 a 标签时）。

查看 w3 所学校 HTML 了解此类信息，他们比我们大多数人 willing/able 了解的要好得多。

HTML <table> 标签是否不适用于导航栏？

Is the HTML <table> tag improper or incorrect to use for navigation bars?

html

css

correctness

css-tables