Использование DIV

[termoplus]

можно использовать div к качестве обычного контейнера без класса и идентификатора?

<div>

something

</div>

Точнее будет ли это семантично?

Edited May 21, 2009 by termoplus

[psywalker]

ребят, а для уголков чтож тада использовать по вашему? Если задача: 4 угла закруглённых+в середине градиент от углов,который тоже требует пустого элемента

А для очистки пустые элементы считаю неправильными, это уже какие то устарелые методы, обычно юзаю Overflow: hidden; и height: 1%;

Edited May 22, 2009 by psywalker

[SelenIT]

пустые спаны или другие элементы, например, для иконок?

По ситуации, конечно. Я все-таки стремлюсь к тому, чтобы какой-то текстовый контент был: графические ссылки делать текстовыми ссылками с image replacement-ом (если б не куча HTTP-запросов, то для иконок я был бы вообще за <img> с адекватными alt-ами и title:), для скрывалок-раскрывалок дерева использовать инлайновый блочок с настоящим плюсом/минусом (конечно, если дизайн позволяет) и т.п. На крайняк, если чисто визуальные элементы жестко завязаны на наличие скрипта и без него не имеют никакого значения — пусть скрипт и генерит их по мере надобности, то же самое с фиксами для IE (iframe для перекрытия select-а всплывающими слоями) и т.п. Имхо, конечно, но я стараюсь придерживаться.

а для уголков чтож тада использовать по вашему?

Есть, например, вариант с псевдоэлементами :before/:after (+expression для IE6-7, увы). А вообще зависит от задачи. Для фиксированных по ширине блоков я обычно обхожусь двумя картинками (низ на сам блок + верх на его заголовок, теоретически можно еще к псевдоэлементу :first-line прицепиться, его даже IE6 понимает). А для полной резины по всем сторонам с прозрачностью и тенью, пожалуй, пока без дополнительных оберток действительно никак. Но новые браузеры понимают border-image (Сафари/Хром — уже, FF3.5 — вот-вот), так что все меняется к лучшему...

[psywalker]

SelenIT

Есть, например, вариант с псевдоэлементами :before/:after (+expression для IE6-7, увы).

Да, вариантик действительно интересный, а вот мне в свою очередь всегда было интересно, а этот +expression чем плох,какие он несёт в себе последствия и вообще?

[rash]

SelenIT

Да, вариантик действительно интересный, а вот мне в свою очередь всегда было интересно, а этот +expression чем плох,какие он несёт в себе последствия и вообще?

expression, в основном, плох тем, что при неаккуратном обращении пересчитывается практически постоянно, и несколько тяжелых экспрешенов могут сильно замедлить работу страницы.

если б не куча HTTP-запросов, то для иконок я был бы вообще за <img> с адекватными alt-ами и title:)

Да я тоже -) Вообще по доступности - это лучший вариант, да и просто получается надежно работающий инлайн-блочный элемент, что очень удобно для иконок.

Но запросы...

А так, если все объединить в спрайт, то получается, что все иконки иной раз занимают меньше килобайта.

Но при отсутствии картинок - увы, все плохо.