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

【问题标题】：Is the HTML <table> tag improper or incorrect to use for navigation bars?HTML <table> 标签是否不适合或不正确地用于导航栏？
【发布时间】：2020-04-22 02:09:16
【问题描述】：

我在下面发布了一些代码，这些代码为网站制作了一个非常基本的导航栏。它使用表格进行布局，使用 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;
}

【问题讨论】：

标签： html css css-tables correctness

【解决方案1】：

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

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

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

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

查看 w3 学校 HTML 以获取此类信息，他们比我们大多数人愿意/能够更好地了解它。

【讨论】：