(495) 925-0049, ITShop интернет-магазин 229-0436, Учебный Центр 925-0049
  Главная страница Карта сайта Контакты
Поиск
Вход
Регистрация
Рассылки сайта
 
 
 
 
 

Разметка облака тегов (исходники)

Источник: rusdoc

Сегодня в очередной раз мне посчастливилось столкнуться с версткой облака тегов. Такого, знаете, стандартного, без излишеств и дизайнерских наворотов. Обычно конструкция данного блока становилась в итоге похожей на:

<ul class="tags">
    <li class="w1"><a href="#">amv</a></li>
    <li class="w2"><a href="#">anime</a></li>
    <li class="w3"><a href="#">music</a></li>
    <li class="w4"><a href="#">tnt</a></li>
    <li class="w5"><a href="#">авария</a></li>
</ul>

Классы w1, w2, w3 и т.д. расставляются по мере увеличения весомости тега и, следовательно, увеличивают размеры шрифта.

Для наглядности покажу, как это выглядит в браузере:

image
Сегодня же я изменил этот блок и получил неожиданный результат - именование классов в соответствии с общепринятыми обозначениями размеров одежды удобно и в данном случае (XS < S < M < L < XL < XXL < XXXL). Если нужно больше пунктов, это решается добавлением в конец или начало списка элемента с нужным количеством предшествующих знаков X. В итоге конструкция прекрасно видоизменяется, а мы радуемся ее приобретенной семантичности.

<ul class="tags">
    <li class="s"><a href="#">amv</a></li>
    <li class="m"><a href="#">anime</a></li>
    <li class="l"><a href="#">music</a></li>
    <li class="xl"><a href="#">tnt</a></li>
    <li class="xxl"><a href="#">авария</a></li>
</ul>

Ссылки по теме


 Распечатать »
 Правила публикации »
  Написать редактору 
 Рекомендовать » Дата публикации: 28.01.2009 
 

Магазин программного обеспечения   WWW.ITSHOP.RU
Quest Software. Toad for Oracle Development Suite
Oracle Database Standard Edition 2 Processor License
Quest Software. TOAD for SQL Server Xpert Edition
SmartBear LoadComplete - Node-Locked License Subscription w/ 250 Virtual Users (includes 1 year of Maintenance)
Traffic Inspector GOLD 5 Учетных записей
 
Другие предложения...
 
Курсы обучения   WWW.ITSHOP.RU
 
Другие предложения...
 
Магазин сертификационных экзаменов   WWW.ITSHOP.RU
 
Другие предложения...
 
3D Принтеры | 3D Печать   WWW.ITSHOP.RU
 
Другие предложения...
 
Новости по теме
 
Рассылки Subscribe.ru
Информационные технологии: CASE, RAD, ERP, OLAP
Программирование на Microsoft Access
CASE-технологии
OS Linux для начинающих. Новости + статьи + обзоры + ссылки
СУБД Oracle "с нуля"
Один день системного администратора
Corel DRAW - от идеи до реализации
 
Статьи по теме
 
Новинки каталога Download
 
Исходники
 
Документация
 
 



    
rambler's top100 Rambler's Top100