Является ли тег HTML <table>неправильным или неправильным для использования на панелях навигации? - PullRequest
Новая
       28

Является ли тег HTML <table>неправильным или неправильным для использования на панелях навигации?

2 голосов
/ 22 апреля 2020

Я разместил код ниже, который делает очень простую c панель навигации для веб-сайта. Он использует таблицу для разметки и CSS для пробелов. Однако я не уверен, считается ли это «лучшим» способом.

Неправильно ли использовать <table> для чего-либо, кроме, скажем, периодической c таблицы элементов или других данных?

Большое вам спасибо!

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;
}

1 Ответ

3 голосов
/ 22 апреля 2020

Некоторые могут не согласиться, но я бы сказал, да. Определенно неправильно использовать таблицу для навигационной панели. Вот почему; Ваша HTML - это ваша оценка, в основном она должна использоваться для описания того, что происходит на странице. Использование таблицы в этом контексте было бы чисто для эстетических c целей, что является задачей CSS.

Готовая вещь, и вариант, который наиболее приемлем для большинства людей, - это использование неупорядоченного list и добавление нескольких элементов списка для создания панели навигации, например так: 

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

Посмотрите, как здесь все описывается, а не указывается формат? Мы говорим; «В этом Nav есть список. В этом списке есть несколько пунктов». - Исходя из этого, мы могли бы догадаться, что элементы списка внутри тега Nav, вероятно, будут ссылками навигации (при добавлении тегов a).

Проверьте w3 школ HTML для получения такой информации , они go гораздо лучше, чем большинство из нас готовы / способны.

...