1. HTML, CSS
2. JavaScript
3. інше

2009-03-22

зустрічаємо фінальний IE8 . Як відомо, попередні версії IE були головним болем будь-якого HTML-кодера. Що змінилося в 8-й версії? Чимало.

HTML, CSS

• Повністю новий движок рендеринга, де приділили велику увагу підтримці CSS 2.1 і, нарешті, відмовилися від порочної парадигми hasLayout , Що мала місце в IE попередніх версій і доставляв веб-розробникам безліч проблем.
• Підтримка CSS-властивостей сімейства display: table, що дозволяють надати табличний вигляд і поведінку нетаблічним по семантиці HTML-елементів (наприклад, списками UL або елементів DIV). Це відкриває нові можливості для якісної верстки, що поєднує дотримання веб-стандартів з зручністю табличній моделі уявлення. Раніше така можливість підтримувалася всіма браузерами, крім IE.
• Нарешті усунені паразитні необнуляемие зовнішні відступи у полів введення тексту (<input type = "text" />) і роздільників (<hr />), які робили неможливою кросбраузерності їх стилізацію без обхідних маневрів типу призначення негативних полів (margin) або додавання обрамляють елементів. Крім того, внутрішніми відступами кнопок (<input type = "submit" />, <button />), які в IE6 / 7 були пропорційні довжині написи на кнопці, тепер можна управляти за допомогою CSS-властивості padding замість хитрувань типу overflow: visible або вказівки явною ширини, до яких доводилося вдаватися стосовно IE раніше.
• Ширина всіх дочірніх блокових елементів абсолютно позиціонованого елемента тепер визначається шириною самого широкого з них, як це вже багато років відбувається в усіх інших браузерах. Це дуже актуально, наприклад, при реалізації випадаючих меню, яким в IE6 / 7 через проблеми цих версій IE доводилося ставити фіксовану ширину або динамічно призначати її засобами JavaScript.
• Альтернативний текст для зображення (вказується в рамках атрибута alt елемента img) тепер не відображається як підказка, що було характерно для попередніх версій і суперечило первісним призначенням атрибута alt саме як альтернативного (а не додаткового або описового) тексту, що має сенс тільки в тих ситуаціях , коли користувач не має можливості побачити саме зображення (наприклад, якщо він дозволяє відображати свої зображень в браузері з міркувань економії інтернет-трафіку). Щоб вставити опис HTML-елемента, в візуальних браузерах відображається у вигляді підказки, слід використовувати атрибут title.

JavaScript

• Підтримка програмного інтерфейсу (API) Selectors , Що дозволяє отримувати доступ до елементів HTML-документа простим і витонченим чином - з використанням CSS-селекторів - замість громіздкого і менш наочного коду із застосуванням DOM. Ця техніка досить давно і надзвичайно успішно використовується в потужних сучасних JavaScript-бібліотеках типу jQuery , Але раніше реалізовувалася на чистому JavaScript, в той час як рідна реалізація працює апріорі у багато разів швидше. Аналогічної можливістю будуть володіти і прийдешні новітні версії сучасних браузерів Firefox 3.5 , Opera 10 , Safari 4 і Chrome 2, де підтримка CSS-селекторів набагато ширше, ніж в IE. (До речі, jQuery вже підтримує Selectors API починаючи з версії 1.3, використовуючи вбудовані можливості браузера, якщо він це дозволяє.)
• Підтримка кодування і декодування даних в форматі JSON , Що є більш зручним, ніж XML, і широко використовується в AJAX-додатках. На відміну від прямої інтерпретації JSON-коду як звичайного JavaScript-коду за допомогою стандартної JavaScript-функції eval, використання об'єкта JSON більш безпечно під час декодування даних, отриманих з ненадійних джерел (декодируются тільки дані, а потенційно небезпечні скрипти запущений не будуть); на відміну же від рішень на чистому JavaScript рідна реалізація працює набагато швидше. Аналогічна можливість буде в прийдешньому Firefox 3.5.

інше

• Підтримка масштабування цілком сторінок, на відміну від IE7, реалізована більш грамотно: тепер масштабується не вся сторінка як єдина сутність, а окремі її елементи, за рахунок чого навіть збільшена (в розумних межах - поки масштабовані окремо елементи сторінки банально не «упрутся» один в одного) сторінка вміщується у вікні браузера (без появи смуги горизонтальної прокрутки) - подібно до того, як це відбувається в Firefox і Opera.
• Підтримка повного відключення стилів і перемикання між альтернативними таблицями стилів подібно до того, як це давно можна було зробити в таких сучасних браузерах, як Firefox і Opera. Див. Пункт меню «Вид» → «Стиль» (View → Style).
• Замість Блокнота для перегляду вихідного коду сторінок тепер за замовчуванням використовується вбудований модуль з підсвічуванням HTML-синтаксису і нумерацією рядків.
• Для сумісності з веб-сторінками, створеними для попередніх версій IE, запроваджено особливий режим сумісності (Compatibility View), при включенні якого IE8 починає відображати сторінки так, як це робив IE7. При цьому можна задати і зберегти індивідуальне значення це налаштування на рівні кожного окремого сайту. Включити режим сумісності для конкретного сайту можна кількома способами: До уваги веб-розробників: за замовчуванням IE8 включає режим сумісності для всіх интра немає-сайтів (з доменами виду http: // example /), що може призводити до непорозумінь при локальної налагодженні сайтів в новій версії IE. Щоб уникнути подібних проблем і бачити сторінки, які відображаються гарантовано з використанням нового движка IE8, слід вручну відключити опцію «Показати вузли інтрамережі в режимі сумісності» (Display intranet sites in Compatibility View) у вікні, доступному з меню «Сервис» → «Параметри режиму сумісності »(Tools → Compatibility View Settings).
• Усунена помилка, що мала місце в Internet Explorer 8 аж до версії RC1 і яка полягала в тому, що вертикальна смуга прокрутки многострочного текстового поля (textarea), що не відобразився (який не потрапив в простір сторінки до «лінії згину») при первинне завантаження сторінки, отрісовиваємих НЕ у кромки поля, а десь в лівій його третини.

недоліки

• На відміну від IE8 RC1, російськомовну версію фінального Internet Explorer 8, як і IE7 свого часу, неможливо встановити на англомовну версію Windows, навіть цілком русифіковану за допомогою MUI -пакети.
• Як і раніше неможливо змінити розміру шрифту, якщо на конкретній сторінці він заданий в абсолютних одиницях (наприклад, пікселах). (Не слід плутати з масштабуванням всієї сторінки [zoom], що супроводжується спотворенням зображень, в той час як зміна розміру шрифту здійснюється виключно з метою підвищення розбірливості тексту без впливу на якість відображення графіки.)
• JavaScript-властивість innerHTML як і раніше повертає спотворений HTML-код з тегами в верхньому регістрі і атрибутами без лапок.
• Як і раніше не підтримуються нульові значення colspan і rowspan у комірок таблиць, як належить за стандартом HTML 4.01.
• В Internet Explorer 8 не підтримуються ні canvas (Елемент, призначений для динамічної генерації і відображення графіки), ні SVG (Формат векторної графіки), ні навіть CSS-властивість opacity, ні багато чого ще, підтримуваного в більшості дійсно сучасних браузерів .

Що ж, як можна бачити, Internet Explorer 8 - значний крок вперед по відношенню до попередніх версій Internet Explorer. І якщо ті, хто здатний зробити усвідомлений вибір якісного браузера і знає про існування альтернативи вбудованому в Windows рішенням, цей вибір уже зробили, то для інших нова версія «Оглядача Інтернет» - відмінний шанс зробити своє життя і життя веб-розробників краще.

Про інші можливості IE8 можна дізнатися на відповідній сторінці сайту компанії-розробника.