|
|
|||||||||||||||||||||||||||||
|
Internet Explorer Platform Preview Guide для программистов: Часть 2Источник: msug
Улучшения в разборе 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"> 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"> В Internet Explorer 8 и ранних версиях мы получим следующий результат: В Internet Explorer Platform Preview получаем ожидаемый результат: Изменения в разборе блоков script и styleInternet Explorer 8 и ранние версии не относили текст в script или style блоках к текстовым элементам DOM дерева. В Internet Explorer Platform Preview это исправлено. Это позволяет отображать исходный код на страницах с помощью скриптов. Поддержка SVG в HTMLInternet Explorer Platform Preview поддерживает SVG встроенный непосредственно в HTML. Разбор XHTMLInternet 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"?> <rect fill="orange" Circles: <circle> element<circle fill="orange" Ellipses: <ellipse> element<ellipse stroke="orange" Lines: <line> element<!-- vertical --> Polylines: <polyline> element"Polyline" в SVG - это набор последовательно соединенных линий. <polyline points="15, 5, 100 8,3 150" Polygons: <polygon> element<polygon points="15, 5, 100 8,6 150" Более детальная информация о базовых SVG фигурах будет предоставлена вместе с the Internet Explorer SDK. Координатные системы, трансформации и единицы измененияInternet Explorer Platform Preview поддерживает координатные системы SVG, трансформации и единицы измерения из Coordinate Systems, Transformations and Units module спецификации SVG 1.1 (Second Edition). Поддерживаемые возможности:
Internet Explorer Platform Preview также поддерживает интерфейсы DOM, ассоциированные с координатными системами SVG и трансформациями. Структура документовInternet Explorer Platform Preview поддерживает базовую структуру документа SVG, метаданные и возможность расширения как это описано в модулях Document Structure, Metadata, и Extensibility из спецификации SVG 1.1 (Second Edition). Поддерживаемые элементы:
Internet Explorer Platform Preview также поддерживает следующие DOM интерефейсы. Пути (paths)Internet Explorer Platform Preview поддерживает SVG paths, как это описано в модуле Paths module из спецификации SVG 1.1 (Second Edition). Internet Explorer Platform Preview поддерживает элемент <path>, атрибут d, что позволяет парсить данные пути. Также есть поддержка связанных DOM интерфейсов. Элемент <path> позволяет исполнять много разных сценариев. Рассмотрим несколько примеров. Closed shape with straight lines and filling<?xml version="1.0" standalone="no"?> Bezier path (quadratic)<path d="M20,30 Q40,50 60,30 T100,30" Line with arc<path d="M30,60 l 50,0 Новый средства для веб-разработчиковPlatform VersioningInternet 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). Теперь можно:
Ссылки по теме
|
|