Internet Explorer Platform Preview Guide для програмістів: Частина 2, Різне, Інтернет-технології, статті

Покращення в розборі HTML


Розбір HTML в Internet Explorer Platform Preview був вдосконалений і тепер краще відповідає чернетки специфікації HTML5.


Generic Елементи

Раніше Internet Explorer розумів “generic” елементи (невідомі HTML елементи без атрибута xmlns) не так, як це описано в специфікації HTML5 – браузер їх просто ігнорував. Це означало, що розробники повинні були використовувати div елементи з деякими CSS класами для того, щоб отримати задовільний результат в Internet Explorer. В Internet Explorer Platform Preview це поведінка було змінено і тепер він парсит невідомі елементи.


На цьому прикладі можна побачити generic елемент mydiv:

<style type=”text/css”>
mydiv {
     color: blue;
     font-weight: bold;
}
</style>

<p>I am using a <mydiv>generic element</mydiv> in this sentence.</p>


Internet Explorer 8 ігнорує тег mydiv та асоційовані CSS правила. Ця пропозиція буде виглядати наступним чином:



Internet Explorer 9 розбирає тег mydiv і в результаті отримаємо наступний результат:



Перекриваються теги (Overlapping Tags)

Якщо ваш HTML містить перекриваються теги, то Internet Explorer 8 і ранні версії їх не розбере. Ця поведінка є абсолютно протилежним тому, який описаний в специфікації HTML5. В Internet Explorer Platform Preview ця проблема вирішена.


Нижче приклад скрипта, який перекриває теги i і b:

<script type=”text/javascript”>
function load()
{
     var elms = document.getElementsByTagName(“i”);
     for(var i = 0; i < elms.length; i++)
     {
          var elm = elms;
           if(elm.parentNode.tagName.toLowerCase() == “b”)
                elm.style.color = “red”;
     }
}
</script>

<body onload=”load();”>
You should be aware of how <b>this <i>affects</b> script</i>.
</body>


В Internet Explorer 8 і ранніх версіях ми отримаємо наступний результат:



В Internet Explorer Platform Preview отримуємо очікуваний результат:



Зміни в розборі блоків script і style

Internet Explorer 8 і ранні версії не відносили текст в script або style блоках до текстових елементів DOM дерева. В Internet Explorer Platform Preview це виправлено. Це дозволяє відображати вихідний код на сторінках за допомогою скриптів.


Підтримка SVG в HTML

Internet Explorer Platform Preview підтримує SVG вбудований безпосередньо в HTML.


Розбір XHTML

Internet Explorer Platform Preview розуміє документи з типом application/xhtml+xml як XHTML-документи.


HTML5 Selection APIs


В Internet Explorer Platform Preview додано підтримку HTML5 text selection APIs. Об’єкт Selection представляє список об’єктів Range, які доступні через DOM L2 Range в Internet Explorer Platform Preview.


Метод getSelection

Метод getSelection повертає об’єкт Selection для вікна, який представляє поточний виділений текст.


Властивість selectionStart

Властивість selectionStart повертає offset початку виділеного тексту також може встановлювати початок виділеного тексту.


Властивість selectionEnd

Властивість selectionEnd повертає offset кінця виділеного тексту і також може встановлювати кінець виділеного тексту.


Scalable Vector Graphics (SVG)


Підтримка Scalable Vector Graphics (SVG) стала однією з найбільш затребуваних можливостей в Internet Explorer. Підтримка SVG анонсована в Internet Explorer Platform Preview.


Базові фігури


Internet Explorer Platform Preview підтримує розбір і відображення всіх базових фігур, їх атрибутів та асоційовані DOM інтерфейси з Basic Shapes module специфікації SVG 1.1 (Second Edition). Список підтримуваних примітивів:



Нижче представлені приклади фігур. Після наведеного коду показаний результат в Internet Explorer Platform Preview.


Rectangles: <rect> element
<?xml version=”1.0″ standalone=”no”?>
<!DOCTYPE svg PUBLIC “-//W3C//DTD SVG 1.1//EN”
    “http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd”>
<svg version=”1.1″ xmlns=”http://www.w3.org/2000/svg”>

<rect fill=”orange”
    stroke=”black”
    width=”150″
    height=”75″
    x=”50″
    y=”25″ />

</svg>



Новий кошти для веб-розробників


Platform Versioning


Internet Explorer 8 підтримує режими сумісності. Режими документів дозволяють вибирати режим відображення (детальніше описано в статті “Defining Document Compatibility” на MSDN). В Internet Explorer Platform Preview доданий новий режим-Internet Explorer 9 Standards Mode (“IE9 Document Mode”).


Internet Explorer Platform Preview запускається в режимі IE9 Document Mode.


Для того, щоб переконатися, що Internet Explorer Platform Preview відображає сторінку в останньому режимі, включаючи meta тег у секції head вашої веб-сторінки:

<meta http-equiv=”X-UA-Compatible” content=”IE=9″ >

Developer Tools


Щоб відкрити Developer Tools в Internet Explorer Platform Preview натисніть F12 або в меню Debug натисніть Developer Tools. Якщо ви використовуєте Developer Tools в Internet Explorer 8, то помітите зміни в продуктивності.


Інспектування HTTP


В Internet Explorer Platform Preview додано засіб network inspection tool (через вкладку Network). Тепер можна:


Схожі статті:


Сподобалася стаття? Ви можете залишити відгук або підписатися на RSS , щоб автоматично отримувати інформацію про нові статтях.

Коментарів поки що немає.

Ваш отзыв

Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

*