HTML <table>标记不适用于导航栏吗？

2024-05-19 • 问答

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

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

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

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

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

HTML <table>标记不适用于导航栏吗？

yeqishy 回答：HTML <table>标记不适用于导航栏吗？

大家都在问