Как правильно верстать списки

Следующая статья: Как правильно оптимизировать HTML код

Переверстывая чьи либо страницы я зачастую вижу такое:

так вот, строить списки через таблицы = маразматично! Минусов предостаточно, например если вам потребуется вставить пункт меню в середину и количество пунктов у вас более 30, гарантирую, будет «весело». Все это происходит от незнания htm тегов ol и ul. оба тега живут со времен основания HTML и поддерживаются самыми последними DOCTYPE.

ol - Тег <ol> устанавливает нумерованный список. Каждый элемент списка должен начинаться с тега <li>. Если к тегу <ol> применяется таблица стилей, то элементы <li> наследуют эти свойства.

ul - Тег <ul> устанавливает маркированный список. Каждый элемент списка должен начинаться с тега <li>. Если к тегу <ul> применяется таблица стилей, то элементы <li> наследуют эти свойства

Теперь посмотрим на сколько все изящно выглядит:.

<table class="table_list">
<tr>
<td>1.</td>
<td>Перечисляемый пункт 1</td>
</tr>
<tr>
<td>2.</td>
<td>Перечисляемый пункт 2</td>
</tr>
<tr>
<td>..</td>
<td>Перечисляемый пункт ..</td>
</tr>
<tr>
<td>n.</td>
<td>Перечисляемый пункт n.</td>
</tr>
</table>

<ol>
<li>Перечисляемый пункт 1</li>
<li>Перечисляемый пункт 2</li>
<li>Перечисляемый пункт …</li>
<li>Перечисляемый пункт n…</li>
</ol>

Чувствуете разницу? А браузеру то, как облегчите нагрузку даже не представляете. Удачи в правильной верстке.

Видео: «Очки надо?»

Юмористический роли про китайские очки