Поделиться через


Усовершенствования HTML в Internet Explorer 8

В Windows Internet Explorer 8 добавлены функции, которые предназначены для более полной поддержки отраслевых стандартов, таких как спецификация HTML 4.01 . В этой статье приведено описание этих функций и даны инструкции по реализации функций в создаваемых веб-сайтах.

  • Введение 
  • Доступ к новым функциям 
  • Цитирование с помощью элемента Q 
  • Автоматическое закрытие элементов P 
  • Вывод изображений с помощью элементов Object 
  • Улучшенное резервирование объектов 
  • Выводы 
  • Связанные разделы

Введение

По сравнению с предыдущими версиями веб-браузер Internet Explorer 8 обеспечивает более полную поддержку спецификации HTML 4.01. Для улучшения поддержки поведения веб-браузера, описанного в стандарте, в Internet Explorer 8 были добавлены новые функции, а некоторые функции были изменены. В этой статье описываются конкретные изменения веб-браузера Internet Explorer, которые направлены на более полную поддержку спецификации HTML 4.01. Понимание изменений в работе веб-браузера Internet Explorer 8 позволяет упростить создание новых или изменение существующих веб-сайтов независимо от веб-браузера, используемого для просмотра.

Доступ к новым функциям

По умолчанию веб-браузер Internet Explorer 8 поддерживает совместимость с веб-браузерами более ранних версий. Благодаря этому веб-сайты, созданные для более ранних версий веб-браузеров, поддерживаются веб-браузером Internet Explorer 8. Чтобы воспользоваться новыми функциями, представленными в Internet Explorer 8, необходимо включить режим IE8, добавив заголовок X-UA-Compatible в код веб-страницы. Дополнительные сведения см. в разделе Определение совместимости документов.

Совет.  Средства разработчика Internet Explorer 8 позволяют динамически изменять режим совместимости веб-страницы. Эта возможность позволяет разработчику просмотреть, как отображается страница в веб-браузере более ранней версии. Дополнительные сведения см. в разделе Знакомство со средствами разработчика в Internet Explorer.

Цитирование с помощью элемента Q 

В предыдущих версиях веб-браузера Internet Explorer контент, расположенный внутри элемента Q, не заключался в кавычки. В веб-браузере Internet Explorer 8 контент, расположенный внутри элемента Q, заключается в кавычки, как показано в следующем примере.

<html>

<head>

   <title>Простой пример использования элемента Q</title>

   <meta http-equiv="X-UA-Compatible" content="IE8">

</head>

<body>

<blockquote>

<q>Now is the Winter of our Discontent<br/>

Made Glorious Summer by this Son of York.<br/>

And all the clouds that lower'd upon our house<br />

In the deep bosom of the ocean buried.</q>

<em>—— Richard III, William Shakespeare</em>

</blockquote>

</body>

</html>

При выборе символов, отображаемых в качестве кавычек, Internet Explorer использует атрибут lang (если он указан) и язык операционной системы, заданный по умолчанию.

Автоматическое закрытие элементов P

В веб-браузере Internet Explorer 8 незакрытые элементы P закрываются автоматически, если за ними следуют элементы table, form, noFrames или noscript.

<html>

<head>

   <title>Простой пример автоматического закрытия элемента P</title>

   <meta http-equiv="X-UA-Compatible" content="IE8">

</head>

<body>

<p>Это первый абзац</p>

<p style="margin-left:30px">Это второй абзац. <!-- элемент P не закрыт-->

<table border="1px" cellpadding="2px">

  <tr><td>Это ячейка таблицы.</td></tr>

</table>

<p>Это третий абзац.</p>

</body>

</html>

В этом примере второй элемент p не закрыт. При просмотре страницы в веб-браузере Internet Explorer 7 элемент table отображается в виде дочернего элемента второго элемента p. Второй элемент p смещен от левого края окна на 30 пикселей. Поскольку элемент table является дочерним по отношению к элементу p, он также смещается от левого края окна. Однако при просмотре страницы с помощью веб-браузера Internet Explorer 8 элемент table выровнен по левому краю. Поскольку Internet Explorer 8 автоматически закрывает незакрытые элементы p перед отображением элементов table, элемент table является дочерним элементом по отношению к элементу body.

Вывод изображений с помощью элементов Object

Веб-браузер Internet Explorer позволяет выводить изображения с помощью элемента object. Если для вывода изображений используется элемент Object, веб-браузеры более ранних версий автоматически добавляют полосы прокрутки и рамки, что зачастую не совпадает с ожиданиями веб-разработчика.

В веб-браузере Internet Explorer 8 элемент object выводит изображения так, как если бы они были встроены с помощью элементов img. Чтобы использовать данное поведение на веб-страницах, присвойте атрибуту dataэлемента object URL-адрес изображения. Кроме того, в атрибут data можно добавить dataURL. Дополнительные сведения см. в разделе Привязка данных.

Если требуется, чтобы веб-браузер Internet Explorer загружал изображения в элементы object с использованием поведения веб-браузера более ранних версий, задайте режим совместимости для более ранней версии веб-браузера с помощью заголовка X-UA-Compatible или присвойте атрибуту type элемента object значение text/html. Дополнительные сведения о заголовке X-UA-Compatible см. в разделе Определение совместимости документов.

Улучшенное резервирование объектов

Если элементу object не удается загрузить какой-либо ресурс, вместо этого ресурса отображается контент внутри элемента object. Это поведение называется резервированием объектов, поскольку позволяет определить стратегию, используемую веб-браузером Internet Explorer в качестве запасного варианта на случай возникновения непредвиденных обстоятельств.

Веб-браузер Internet Explorer 7 позволяет создавать структуры из вложенных элементов object, т. е. использовать несколько элементов object для реализации расширенной стратегии резервирования, как показано в следующем примере.

<object data="..." type="silverlight" >

  <object data="..." type="windows media file">

    <object data="..." type="image/png">

       Ой!  Ошибочка вышла.  Извините.

    </object>

  </object>

<object>

В этом примере для определения стратегии резервирования используются три элемента object. Первый элемент пытается загрузить приложение Silverlight. Если не удается загрузить приложение, запрашивается файл Microsoft Windows Media. Если не удается загрузить файл Microsoft Windows Media, выполняется загрузка изображения.

Если для просмотра этого примера используется веб-браузер Internet Explorer 7, в окне веб-браузера пользователь увидит изображение, однако в модели DOM страницы будет использоваться только один элемент object. Веб-браузер Internet Explorer 7 не создает элементы object для объектов, которые не удалось загрузить.

Если для просмотра этого примера используется веб-браузер Internet Explorer 8, в окне веб-браузера пользователь увидит изображение, однако в модели DOM страницы будут использоваться три элемента object. Поскольку не удалось загрузить элементы, первые два элемента object являются неактивными. Для поиска элементов можно использовать Javascript.

Примечание.  Для активации неактивных объектов потребуется обновить страницу или использовать Javascript для загрузки новых объектов.

Веб-браузер Internet Explorer 8 использует новое поведение резервирования объектов только для ошибок, связанных к подключениями, т. е. если ответ сервера содержит код ошибки HTTP клиента (4xx) или сервера (5xx). Если сбой запроса связан с другими причинами, например недопустимый формат контента или поврежденный элемент элемент управления ActiveX, используется исходное поведение. Дополнительные сведения о кодах ответов HTTP см. в разделе Заголовки ответов HTTP.

Примечание.  Стратегия резервирования объектов не используется, если свойство contentEditable объекта document имеет значение true.

Выводы

Веб-браузер Internet Explorer 8 обеспечивает расширенную поддержку отраслевых стандартов, включая спецификацию HTML 4.01. Благодаря этим изменениям упростилась процедура создания веб-сайтов, которые одинаково отображаются в разных веб-браузерах. Понимание описанных изменений позволит разработчику создавать веб-сайты, отображение и функциональные возможности которых не зависят от используемого веб-браузера.

Связанные разделы