Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30


Чувашия-это моя Россия

Вложенные списки в HTML.

Вложенные списки очень широко применяются для создания выпадающих меню как с применением каскадных таблиц стилей, как апплетов JavaScript, так и многочисленных плагинов из библеотек JQuery. Элементы списков могут вкладываться в другие списки. Например, можно добавить несортированный список в список определений или ввести нумерованный список в качестве пункта несортированного списка страниц сайта. В примере показан лишь один вариант:

           < ol id="verticalmenu" class="glossymenu">
                 < li>< a href="" class="kavak">Суть слова.< /a>
                    < ul>
                       < li>< a href="" class="kavak">Суть слова.< /a>< /li>
                       < li> < a href="" class="kavak">Адам.< /a>< /li>
                      < li>< a href="" class="kavak">Этемен анки.< /a>< /li>
                    < /ul>
                < li>< a href="" class="shupka">Новый взгляд.< /a>
                    < ul>
                       < li>< a href=" class="shupka">Русский мат и его последствия.< /a>< /li>
                       < li>< a href="" class="shupka">Так ли оно на самом деле?< /a>< /li>
                       < li>< a href="" class="shupka">О имени Астарта.< /a>< /li>
                    < /ul>
                       < /li>
                       < li>< a href="" class="simes">Суть болезни.< /a>
                    < ul>
                       < li>< a href="" class="simes">Суть болезни.< /a>< /li>
                       < li>< a href="" class="simes">Суть болезни 1.< /a>< /li>
                    < /ul>
                       < /li>
                       < li>< a href="" class="sara">Размышление.< /a>
                    < ul>
                       < li>< a href="" class="sara">Размышление.< /a>< /li>
                       < li>< a href="" class="sara">Здоровье. Сердце.< /a>< /li>
                       < li>< a href="" class="sara">Здоровье. Деревня.< /a>< /li>
                    < /ul>
                < /li>
          < /ol>

Вложенные списки в HTML. Обратите внимание: чтобы разметка списка была допустимой, элементы ul и ol должны содержать только элементы li. Это означает, что вложенный список должен содержаться внутри пункта списка (элемента li) и не может быть потомком элемента ul или о1. Вы должны обязательно закрывать все элементы, чтобы они были вложены правильно и не перекрывались. Если не имеющие стилей несортированные списки ul вкладываются друг в друга, браузеры автоматически отображают разные маркеры для разных уровней, обычно сначала эллипс, затем круг, затем квадрат. Все вложенные сортированные списки по умолчанию нумеруются арабскими цифрами (1, 2, 3 и т. д.). Для указания системы маркеров для каждого уровня вложения списков используйте таблицы стилей.

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

< ol> < li> < ul> < li>< /li> < li>< li> < li>< /li> < /ul> < /li> < li>< /li> < li>< /li> < /ol>

То есть не надо забывать сколько открывающихся тегов Вы написали, столько же закрывающихся тегов придется написать.

Самое главное, чтобы элементы-теги не перекрывались между собой. То есть Вы открыли сортированный список < ol> написали для него два пункта < li>...< /li>, < li>...< /li>; открыли третий пункт сортированного списка < li> и стали вкладывать сюда уже сортированный список < ul>; и сразу начали писать пункты несортированного списка ul, ну, например, три < li>...< /li>, < li>...< /li>, < li>...< /li>; и закрыли несортированный список < /ul>; и сразу закрыли открытый пункт < /li> уже сортированного пункта ul; дальше уже можете написать еще несколько пунктов < li>...< /li> сортированного списка ol или сразу закрыть сортированный список < /ol>.

Легко и просто: открыли, составили, вложили, составили, закрыли, закрыли, составили, закрыли. Как хотите алгоритм здесь может быть разный. Но не перехлестывайте теги. Это самое главное.


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно на главную     назад    дальше     вперед

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: