是 HTML<div id="text_translate"><p> 我在下面發布了一些代碼，這些代碼為網站制作了一個非常基本的導航欄。 它使用表格進行布局，使用 CSS 進行間距。 但是，我不確定這是否被認為是“最佳”方式。</p><p> 將&lt;table&gt;用於元素周期表或其他數據以外的其他內容是否不正確？</p><p> 太感謝了！</p><p> <strong>HTML 代碼</strong></p><pre>&lt;table class="navigation"&gt; &lt;tr&gt; &lt;td&gt;Home&lt;/td&gt; &lt;td&gt;About&lt;/td&gt; &lt;td&gt;Products&lt;/td&gt; &lt;td&gt;Store&lt;/td&gt; &lt;td&gt;Contact&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt;</pre><p> <strong>CSS 代碼</strong></p><pre>.navigation { margin: 0 auto; background-color: transparent; color: #666666; border-spacing: 60px 10px; letter-spacing: 2px; }</pre></div>用於導航欄的標簽不正確或不正確？<table> </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>

看看這里是如何描述所有內容而不是指定格式？ 我們在說； “在這個導航中，有一個列表。在這個列表中有幾個項目。” - 僅憑這一點，我們就可以猜測 Nav 標簽內的列表項可能是導航鏈接（當添加了 a 標簽時）。

查看 w3 學校 HTML 了解此類信息，他們的 go 比我們大多數人願意/能夠做到的要好得多。