SEOCAFEинфошность. Отказ от поддержки ie6 вреден для SEO и вашего кармана!
Вторник, 23 Ноя 2010 0:23
Отказ от поддержки ie6 вреден для SEO и вашего кармана!
Отказ от поддержки ie6 вреден для SEO и вашего кармана!
Топик на заметку верстальщику. Если для того, чтобы правильно считалась высота контейнера, содержащего float элементы, вы все еще кладете в конец этого контейнера <div class="clear">
, то хочу предложить вам намного более простой и удобный вариант с использованием <br clear="all" />
, который абсолютно валиден, и делает абсолютно тоже, но записывается и читается затем в коде намного легче. Вот уже несколько месяцев, как я заменил используемый по жизни .clear
с описанием через css на <br clear="all" />
, и уверенно могу сказать, что никаких недостатков по сравнению с первым методом у него нет (тег прекрасно понимается ИЕ6). Итого нам не нужно прописывать в css бесконечные стили на класс .clear
1 | .clear { height: 0; font-size: 0; overflow: hidden; clear: both; } |
И еще кучу всего, что обычно пишут верстальщики, а достаточно в конец контейнера пололжить <br clear="all" />
. Имхо, код становится намного более красивым и читаемым.
Update 14.12.2010 Как оказалось, разница все же куда более существенна. Дело в том, что <br clear="all" />
при некоторых обстоятельствах создает своим присутствием попросту пустую строку, обнулить которую не представляется возможным. Поэтому все же рекомендую пользоваться этим тегом аккуратно, он неуниверсален и в некоторых ситуациях не сможет заменить <div class="clear">
, который с легкостью обнуляется. В своей практике я перешел на повсеместное использование техники .clearfix
, позволяющей правильно считаться высоте блока-родителя плавающих контейнеров и <div class="clear">
в некоторых случаях.