Применение классов в div

[aaron]

Здравствуйте.

Сейчас пытаюсь самостоятельно верстать и попутно разбираюсь в готовом чужом коде в качестве примеров-образцов. Возник такой вопрос. Во всех учебных материалах при самостоятельном изучении встречал применение к div к качестве идентификаторов последних только id. Однако в чужих работах и даже в стандартных шаблонах Dreamveawer для всех div применяется только классы: <div class="header"></div>, <div class="conteiner"></div>, <div class="footer"></div>, <div class="sidebar"></div>, <div class="content"></div>. И даже внутри блоков к элементам применяются только классы: <ul class="nav"></ul>.

Объясните, почему именно так?

[sasha^]

вообще в css, если это нормальный код, будут практически только классы..

это потому, что при применении функций JS, Jquery, других библиотек придется использовать иды, а просто в ксс смысла нет...

еще причина -- вы делаете макет, стили, вы знаете будете ли вы еще использовать этот стиль или нет? конечно нет, так-что берем классы и не думаем!

а иды оставим JS, так как там нельзя сделать функции с одинаковыми именами..

а так можно и с идами -- разницы нет, кроме того что ид может быть применен всего раз, а класс -- сколько угодно

Edited July 19, 2012 by sasha^

[aaron]

спасибо за исчерпывающий ответ!

[Viper]

а иды оставим JS, так как там нельзя сделать функции с одинаковыми именами..

что-то я не уловил связи...

это потому, что при применении функций JS, Jquery, других библиотек придется использовать иды

это почему же?

[sasha^]

а иды оставим JS, так как там нельзя сделать функции с одинаковыми именами..

что-то я не уловил связи...

это потому, что при применении функций JS, Jquery, других библиотек придется использовать иды

это почему же?

1. ты хочеш сказать что в JS можно сделать две одинаковые функции?

2. ну мне редко приходилось использовать классы, в основном функция 1 раз используется..

[Viper]

1. Сделать - да. Выполнять обе - наверное, нет. Но к чему это было сказанно? Какое это имеет отношение к id в html? Почему из-за этого нужно ставить/использовать id?

2. Какая разница сколько раз используеться/вызываеться функция по отношению к использования class или id?

[sasha^]

1. Сделать - да. Выполнять обе - наверное, нет. Но к чему это было сказанно? Какое это имеет отношение к id в html? Почему из-за этого нужно ставить/использовать id?

например, я сделал хеддер сайта и назначил id="header", далее, допустим, мне нужно сделать функию, которая в хедере что-то убирает какую-нибудь картинку, какой ид брать? -- header

так не проще писать в ксс классы, а джс иды и не путаться?

2. Какая разница сколько раз используеться/вызываеться функция по отношению к использования class или id?

разницы нет, но 75% функций используются единственный раз и все, конечно если это два слайдера или еще что-то то придется взять классы.

вообще нужно писать от конкретной ситуации, как кто хочет и все

[sigma77]

разницы нет, но 75% функций используются единственный раз и все, конечно если это два слайдера или еще что-то то придется взять классы.

Ээээ... Ну вообще-то функции и пишутся как раз с целью многократного использования.

Одна и та же функция может использоваться для нескольких элементов.

Один элемент может использовать нескольких функций.

А как обращаться к элементу/элементам - это только вопрос производительности.

[Vin]

Современные браузеры поддерживают метод getElementsByClassName, который не поддерживают IE до 8-й версии включительно, поэтому для него приходится использовать обходные пути в виде выборки по атрибуту элемента. В jQuery все эти "костыли" уже встроены. Но даже в современных браузерах, где такая возможность является нативной, обращение к классу ресурсозатратнее, чего уж говорить старых "осликах". И потому при написании скриптов в почёте как ID, так и class.

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

Edited July 20, 2012 by Vin