http://trifler.ru/blog/ Lasto Blogging Engine ru gordi serg_gordi@mail.ru serg_gordi@mail.ru http://trifler.ru/blog/i/lastoblog.png http://trifler.ru/blog/ http://trifler.ru/blog/post_1220789780.html <p>При создании меню стало общим местом использовать списки. Но странное дело, почти всегда для этих целей выбирают маркированный список <b>UL</b> или нумерованный список <b>OL</b> и очень редко список определений <b>DL</b>. Возможно, кто-то сможет достаточно подробно и популярно объяснить, почему это происходит, без особого углубления в тайны и хитрости семантики. Хотя на первый взгляд никаких подводных камней здесь вроде бы и нет, но, как знать :)</p> <p>Чего тут больше? Привычка – все так делаю, чем я хуже? Косность мышления? Трудно сказать.</p> <p>Мне же, как верстальщику, при создании простого вертикального меню, чисто с практической точки зрения более привлекательным представляется вариант, где структуру меню определяет <i>список определений</i>.</p> <cite class="cite">"<strong>Списком</strong> называется взаимосвязанный набор отдельных фраз или предложений, которые начинаются с маркера или цифры. Списки предоставляют возможность упорядочить и систематизировать разные данные и представить их в наглядном и удобном для пользователя виде. Любой список представляет собой контейнер <span><b>UL</b></span>, который устанавливает маркированный список, или <span><b>OL</b></span>, определяющий список нумерованный. Каждый элемент списка должен начинаться с тега <span><b>LI</b></span>."</cite> <cite class="cite">"<strong>Список определений</strong> состоит из двух элементов — термина и его определения. Сам список задается с помощью контейнера <span><b>DL</b></span>, термин — тегом <span><b>DT</b></span>, а его определение — с помощью тега <span><b>DD</b></span>".</cite> <img src="i/menus/dl_ul.gif" style="display:block; margin:10px auto;width:324px;height:204px;" alt="DL and UL(OL)" title="DL and UL(OL)"> <p>Никакого стилевого оформления нет, только <span>html</span>.</p> <p>Что бросается в глаза. При использовании обычного списка, почти всегда необходимо убивать маркеры или цифры. Для выделения заголовка, чтобы хоть как-то отделить его от ссылок находящихся ниже, надо прописывать отдельный класс для <b>LI</b>, в котором он будет находиться. Согласен пара строк в стилях, да указание класса в <span>html</span>-коде для заголовка это сущий пустяк.</p> <p>Но риторический вопрос, зачем?</p> <p>Всего этого можно легко избежать, работая со списком определений, навешивая соответствующие стили на <b>DT</b> без упоминания класса для заголовка в принципе.</p> <p>Отдельная тема, создание меню с вложениями на списке определений, думаю, особых сложностей и в этом случае не предвидится.</p><!-- RSS_link_to_post start --> <br> <div style="margin-left:10px;color:#575;font-weight:bold;"><a href="http://trifler.ru/blog/post_1220789780.html">Оставить комментарий</a></div> <div style="margin-left:10px;color:#575;font-weight:bold;"><a href="http://trifler.ru/blog/post_1220789780.html">All Comments</a></div> <!-- RSS_link_to_post end --><!-- RSS_link_to_post start --> <br> <div style="margin-left:10px;color:#575;font-weight:bold;"><a href="http://trifler.ru/blog/post_1220789780.html">Оставить комментарий</a></div> <div style="margin-left:10px;color:#575;font-weight:bold;"><a href="http://trifler.ru/blog/post_1220789780.html">All Comments</a></div> <!-- RSS_link_to_post end --> Sun, 07 Sep 2008 19:16:20 GMT