Комментарии — 15 штук

1. Профессионалам и не только:
   05 09 2007 - 13:28

   [...] …предлагаю поучавствовать в дискусии, по поводу именования основных блоков на странице. [...]

2. Chupa:
   05 09 2007 - 23:27

   Я так называю:
   #haeader
   #navigation
   #content (Основной контент)
   #sidebar-left, #sidebar-right (Если в этих колонках содержаться разные по тематике блоки)
   #footer

3. UGgallery » Архив журнала » Дискуссия по поводу именования основных блоков на странице:
   06 09 2007 - 14:09

   [...] инициировал обмен мнениями по вопросу именования стандартных блок…. Надеюсь народ не будет спать, тогда может получиться [...]

4. uggallery:
   06 09 2007 - 19:46

   Я на сегодня пришел к использованию следующих имен…

   Классы:

   wrap, lining (обертка, подкладка)
   content (как вариант: article)
   header, footer (классика жанра)
   aside, extra (для боковых, и не только боковых, блоков-колонок, которые содержат меню, новости сайта, ссылки, рубрики итдитп)
   nav (любое навигационное меню)

   ID (используются главным образом как якоря):

   to-navigation
   to-content
   to-top
   to-bottom

   Я чаще использую классы: они могут многократно повторяться на одной странице, не вызывая ошибок валидации. ID я использую по прямому назначению — в качестве ссылок.

5. Дмитрий Пленкин:
   06 09 2007 - 22:24

   Последнее время склоняюсь к примерно такому варианту именования основных структурных блоков(подчеркиваниями показываю иерархию):

   #wrapper (иногда - #container)
   _ #header
   __ #main
   ___ #content (по настроению - #meat)
   ___ #side-bar-main
   ___ #side-bar-left
   __ #footer

   Часто используемые классы:
   .breadcrumbs (иногда использую #breadcrumbs)

   .active, .current - применяются к li в навигационных меню (active - если посетитель находится на одной из дочерних страниц, current - на данной)

   .headline - используется с первым h1, который встречается в блоке #content, т.к. часто для него нужен особенный верхний маргин или паддинг

   .lined - используется с таблицам, которые надо “разлиновать”

   Для форм (вернее для разных инпутов):
   .txt, .num, .captcha, .rad (для радио-кнопок), .chk (для чекбоксов), .button (для сабмитов)

   Еще для форм:
   .input-list - для списков (ul), элементами которых являются поля типа checkbox/radio

6. Дмитрий Пленкин:
   06 09 2007 - 22:26

   Упс, очепятка - вместо “#side-bar-left” следует читать “#side-bar-add” - это сайд-бар для всяких опций типа голосовалок.

   “#side-bar-main”, соответственно - основной сайд-бар, например, с навигацией.

7. Огоньков:
   07 09 2007 - 11:17

   Дмитрий Пленкин, Chupa
   использование left/right в именовании не семантично

   по теме
   помоему HEADER, FOOTER можно даже не обсуждать, это уже константа, мне кажется

   с CONTENT мне кажется та же ситуация

   NAVIGATION мне кажется будет лучше, т. к. это всё-таки общеиспользуемый будет фреймворк…

   насчет боковых панелей мне кажется лучше всего использовать SIDEBAR всё-таки, опять же из тех же соображений что и с NAVIGATION. для дополнительных - прибавлять суфикс additional[number]. Это конечно довольно спорно, но единственное нормальное, что пришло в голову))

8. admin:
   07 09 2007 - 11:24

   Огоньков, у нас с тобой мысли в одну и ту же сторону движутся. :)

   Чтобы не распыляться, предлагаю всем перейти дискутировать на форум.

9. Zigzag:
   07 09 2007 - 15:52

   #container - разного рода контейнеры
   #leftbar - левая панель
   #rightbar - правая панель
   #sidebar - одиночная боковая панель
   #content - контент
   #footer - подвал
   #header - шапка
   #nav-glob - глобальная навигация
   #nav-loc - локальная навигация
   #paging - пейджинг страниц
   #breadcrumbs - хлебные крошки
   .active - активный элемент

   первое, что вспомнил =)

10. Максим Россомахин:
    10 09 2007 - 08:49

    Я для себя часть проблем с именованием снял — использую микроформаты. Как минимум для вёрстки блогоподобных постов, профайлов юзеров.

11. Максим Россомахин:
    10 09 2007 - 08:57

    hAtom, hCard, hReview — наборы готовых имён. Присмотритесь к микроформатам.

12. agat:
    10 09 2007 - 10:04

    Использование микроформатов для контента, идеальный вариант. Но остаётся ещё много элементов, для которых нету микроформатов.

13. toxa:
    17 09 2007 - 12:02

    Отличная идея с фреймворком .. не нова конечно … все мы приходим к чему то подобному но еще один вариант это все гда круто…. единственное что ненравится это кросбраузерность . вот в ие6 например страничка http://css-framework.ru/documentation/ вышлядит ужасно … непоявляется горизонтальная прокрутка и все едет … поправьте плиз а то как то глупо фреймворк который даже на своем сайте не работает :-)

    я конечно против ие … но от того что бы проверить в нем не удержался :-)

14. Lexa:
    27 09 2007 - 22:58

    header
    main
    content
    side / sidebar
    footer

15. Никита:
    05 12 2007 - 15:42

    1) #header;
    2) #body — тело для основных колонок;
    2.1) #content;
    2.2) #leftside, .sidebar;
    2.3) #rightside .sidebar;
    3) #footer.

Хочу сказать…