html - HTML <table> 标签用于导航栏是否不合适或不正确？

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 来获取此类信息，他们对此的了解比我们大多数人愿意/能够做得更好。