Некоторые люди думают, что IE6 уже мертв. Но так могут думать только разработчики, которые могут позволить себе роскошь специализированной аудитории или не проявляющие делового интереса к своей работе. Для остальных из нас, у кого есть реальная аудитория обычных, нетехнических пользователей, над которыми стоит задуматься, IE6 все еще остается большой проблемой.
Но, возможно, ненадолго. Теперь, когда IE8 вышел, мы увидим большее количество пользователей, которые наконец обновятся; Нет сомнений, что Microsoft будет настаивать на этом и настойчиво. Помимо этого, мы наблюдаем медленное, но неуклонное развитие пользователей, которые в целом уходят из Internet Explorer и обращаются к Firefox и другим браузерам; Arstechnica недавно сообщила, что использование Firefox впервые обгоняет Internet Explorer в Европе . Неизбежно, придет время, когда у IE6 будет достаточно небольшая аудитория, и мы сможем относиться к ней, как мы это делали с Netscape 4 несколько лет назад, как к устаревшей технологии, которую он больше не должен поддерживать, а оставшиеся пользователи — как преднамеренно упрямые люди, мы не обязаны потворствовать больше!
(Это действительно забавно. Вы бы не пошли в свой местный магазин мобильных телефонов и не пожаловались, что телефон, который вы купили в 2001 году, не работает в сети 3G, и вы не можете получать изображения с его помощью. Однако по какой-то причине меньшинство веб-пользователей ведут себя именно так.)
В любом случае, по моей оценке, через 12 месяцев мы сможем навсегда поцеловаться с поддержкой IE6 . И когда наступит этот день, вот несколько полезных вещей, которые мы сможем сделать, чего раньше не могли сделать на основных сайтах:
-
Используйте дочерние селекторы
Больше не нужно определять бесконечные правила потомков, чтобы отменить другие правила потомков. С помощью дочерних селекторов CSS2 мы можем указать правила CSS, которые применяются только к прямым дочерним элементам , а не к потомкам в целом.
-
В полной мере использовать 24-битные PNG
Больше не нужно смешивать изображения на разноцветных фонах, чтобы края имели приличное сглаживание. С поддержкой альфа-канала PNG мы можем использовать изображения с тенями, свечениями и другими эффектами непрозрачности, будучи уверенными в том, что их могут видеть все пользователи графического браузера.
-
Используйте селекторы атрибутов
Больше не нужно определять классы типов для входных данных — например,
<input class="text" ... />— когда мы можем обращаться к ним с помощью селекторов атрибутов CSS2 , таких какinput[type="text"]. Мы даже можем использовать селекторы атрибутов, совпадающие с подстрокой CSS3 (поддерживаемые во всех современных браузерах, включая IE7 ), которые могут быть очень полезны для определения селекторов, которые применяются к диапазону различных значений атрибутов, тем самым значительно сокращая объем кода, который требуется для групп адресов элементов с похожими именамиclass(например). -
Используйте более широкий диапазон свойств отображения
Возможность использовать такие вещи, как
display:inline-blockвместоfloat:leftозначает, что больше не будет бесконечного float внутри float внутри float, или немного сомнительного использованияoverflow:hidden, только чтобы правильно очистить блоки. (Хотя я должен отметить, нам пришлось ждать Firefox 3 для этого тоже!) -
Используйте min-width и max-width
Хотя реализация ширины в IE6 очень похожа на правильную реализацию min-width , это не то же самое, и она не служит всем целям; и он ничего не делает с максимальной шириной. С выходом IE6 может наступить новый ренессанс в дизайне блочной компоновки с большей гибкостью, о которой дизайнеры боролись в течение многих лет.
-
Выбросьте 90% CSS- хаков (и 90% причин, по которым они нужны!)
Больше не нужно беспокоиться о странно повторяющихся персонажах , таинственно невидимых блоках или разочаровывающих двойных полях ; с выходом IE6 приходит конец необходимости диагностировать и устранять такой большой массив ошибок рендеринга.
-
Добавьте сокращения, которые могут видеть все
Хотя лично я использую только элемент
<abbr>и никогда не использую<acronym>, я иногда вспоминаю, что пользователи IE6 не видят расширения, и еще больше выдает мне ошибки в странном случае, когда мне нужно написать скрипт. для них (и не могу). -
Доверяйте z-index снова
Не нужно больше чесать наши головы, когда мы размышляем о том, почему слой X находится над слоем Y, когда он должен быть ниже, размышляя о том, что мы могли сделать неправильно, только чтобы помнить, что мы не сделали ничего плохого, это ошибка стека контекста в IE6 .
-
Экономьте время и деньги
Значительно меньше времени, потраченного на взлом, означает сокращение времени разработки и снижение затрат на разработку.
-
Наслаждайтесь снова!
Написание CSS станет тем удовольствием, которое было раньше. То есть, пока наши ожидания снова не возрастут , и IE7 станет нашим заклятым врагом …
Но 3 вещи, которые нам все еще придется ждать
К сожалению, есть еще много вещей, которые мы не сможем сделать безнаказанно, пока IE7 не станет просто воспоминанием!
-
Использовать счетчики CSS
Таким образом, мы все еще не можем отпустить устаревший, к сожалению, устаревший атрибут, или сделать что-нибудь интересное с генерируемым контентом .
-
Используйте свойство
box-sizingСвойство CSS3 box-sizing , реализованное в IE8 и других современных браузерах, означает, что мы наконец можем сами выбрать, какую блочную модель мы хотим для конкретной ситуации, и закончим, раз и навсегда, утомительные аргументы, из которых «правильный» ».
-
Любые улучшения в JavaScript
Есть много вещей, которые я хотел бы увидеть в повседневном программировании на JavaScript — конец разветвления цели события, единый механизм прослушивания событий, надежный и последовательный поиск вычисленных свойств стиля — но все это придется ждать до IE7 также пошел по пути фей, потому что только в IE8 были сделаны какие-либо улучшения в скриптовом движке (хотя то, что на самом деле означают эти улучшения, еще неизвестно!).
Так что отметьте день в своем календаре на начало 2010 года, когда, наконец, начнет появляться более полный потенциал CSS !
Фото предоставлено: Майк Роде