Создание оглавления в html
Можно ли создать упорядоченный список, например, следующий?
Мне нравится это для оглавления, которое я создаю.
- В
- Раздел1
2.1 SubSection1
2.2 SubSection2
- Раздел 2
.....
У меня есть следующее, но каждый подраздел перезапускается с 1.
<ol>
<li>
<a href="#Lnk"></a>
</li>
<li>
<a href="#Lnk"></a>
</li>
<ol>
<li>
<a href="#Lnk"></a>
</li>
<li>
<a href="#Lnk"></a>
</li>
</ol>
</ol>
Спасибо
Ответы
Ответ 1
Это действительно можно сделать с помощью чистого CSS:
ol {
counter-reset: item
}
li {
display: block
}
li:before {
content: counters(item, ".")" ";
counter-increment: item
}
Такой же пример, как скрипка: http://jsfiddle.net/N79nP/
Ответ 2
Существует довольно много плагинов jQuery для создания оглавления.
Ответ 3
Вы видели этот пост:
Число вложенных упорядоченных списков в HTML
Я не думаю, что это можно сделать без использования JS.