Что выбрать: class или id?

12
galaid
На сайте с 13.09.2011
Offline
16
1317

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

Объясните в чем разница между <div class=""> и <div id="">.

Допустим дизайн сайта имеет следующий стандартный вид:

[ATTACH]105008[/ATTACH]

где желтые блоки - шапка, левый блок (меню) и нижний блок, а зеленые - краткий текст (анонс) каких-либо новостей. Что лучше использовать при такой верстке дизайна?

P.S. Спрашиваю это потому, что в одних учебниках по блочной верстке дизайна сайта приведены примеры с <div class="">, а в других с <div id="">.

jpg 105008.jpg
M
На сайте с 04.11.2010
Offline
47
#1

id может использоваться на странице только один раз, class - неограниченное количество. Подробнее читайте здесь: http://htmlbook.ru/html/attr/id и http://htmlbook.ru/html/attr/class

vandamme
На сайте с 30.11.2008
Offline
675
#2

по ид не придется пользоваться !important

D
На сайте с 19.02.2009
Offline
43
#3

В данной структуре каждый желтый блок лучше обозначать через id (они уникальны), а зеленые - через классы (они одинаковые).

C
На сайте с 04.02.2005
Offline
291
#4
id может использоваться на странице только один раз, class - неограниченное количество.

Шапка, футер, контентблок - они имеются в единичном экземпляре (это желтое)

Блоки внутри - могут иметь одинаковые свойства (например - зеленые)

например (не на вашем рисунке)

#content

.sleva

.centr

.sprava

#footer

.sleva

.centr

.sprava

Кроме того, используюя доступ к элементам с помощью js (например jquery)

проще и быстрей

$('#myElement') - он всегда один (должен быть)

или

$('.myElement') - здесь вы получите коллекцию элементов, и каждый нужно обработать (это и не плохо , и не хорошо - это разные задачи)

FI
На сайте с 15.12.2010
Offline
27
#5

Будучи абсолютным нубом в вёрстке (знаю только на практике, маны редко читал), я не совсем понял что имел musorr.

http://www.google.ru/

http://www.w3.org/

хренова туча ID в коде страниц. Поясните пожалуйста.

C
На сайте с 04.02.2005
Offline
291
#6

Fried_Ice, Каких ID? Одинаковых?

kimberlit
На сайте с 13.03.2007
Offline
370
#7
Fried_Ice:
хренова туча ID в коде страниц. Поясните пожалуйста.

Одинаковых что ли?

FI
На сайте с 15.12.2010
Offline
27
#8

Вот теперь понял.

galaid
На сайте с 13.09.2011
Offline
16
#9
musorr:
id может использоваться на странице только один раз, class - неограниченное количество. Подробнее читайте здесь: http://htmlbook.ru/html/attr/id и http://htmlbook.ru/html/attr/class

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

DScorpion:
В данной структуре каждый желтый блок лучше обозначать через id (они уникальны), а зеленые - через классы (они одинаковые).

Спасибо за совет.

gribbo
На сайте с 01.03.2012
Offline
66
#10

и еще момент на будущее - у id приоритет

Мой выбор хостинга (https://beget.com/p461662) \ Создаю сайты (/ru/forum/1009089)
12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий