HTML/CSS

HTML теги для Internet Explorer и Windows

1

X-UA-Compatible

Режим совместимости браузера IE.

<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
IE=edge Всегда использует последний доступный стандартный режим отображения.
chrome=1 Если установлен плагин Google Chrome Frame, то IE использует рендерер WebKit.
2

Cleartype

Активирует ClearType для сглаживания шрифтов.

<meta http-equiv="cleartype" content="on">
3

ImageToolbar

Отключает панель работы с изображениями в IE 6.

<meta http-equiv="imagetoolbar" content="no">
4

Msthemecompatible

Задает оформление IE в классическом стиле без учета текущей темы операционной системы.

<meta http-equiv="msthemecompatible" content="no">
5

Условные комментарии IE

Все версии IE

<!--[if IE]>
...
<![endif]-->

Все браузеры кроме IE:

<!--[if !IE]>-->
...
<!--<![endif]-->
Если IE 7:
<!--[if IE 7]> 
...
<![endif]-->

IE до версии 7:

<!--[if lt IE 7]>
...
<![endif]-->

IE до версии 7 включительно:

<!--[if lte IE 7]>
...
<![endif]-->
IE старше 7-й версии:
<!--[if gt IE 7]>
...
<![endif]-->

IE старше 7-й версии включительно:

<!--[if gte IE 7]>
...
<![endif]-->
6

Логотип сайта

В Windows 8, 10 можно задать изображение для сайта закрепленного в избранном или плитках меню «Пуск».

wide310x150logo - широкоформатная версия логотипа 310x150. 

<meta name="msapplication-square70x70logo" content="/win/square70x70logo.png">
<meta name="msapplication-square150x150logo" content="/win/square150x150logo.png">
<meta name="msapplication-square310x310logo" content="/win/square310x310logo.png">
<meta name="msapplication-wide310x150logo" content="/win/wide310x150logo.png">
7

Msapplication-TileColor

Задает цвет фона плитки:

<meta name="msapplication-TileColor" content="#ec008c">
8

Msapplication-TileImage

Задает фоновое изображение для плитки. 

<meta name="msapplication-tileimage" content="/win/tile_image.png">
9

Msapplication-Tap-Highlight

Выключает выделение активного блока серым цветом:

<meta name="msapplication-tap-highlight" content="no">
10

Msapplication-Tooltip

Дополнительный текст, который отображается в виде всплывающей подсказки при наведении курсора мыши на ярлык.

<meta name="msapplication-tooltip" content="Всплывающая подсказка">
11

Msapplication-Navbutton-Color

Определяют цвет кнопок «Назад» и «Вперед» в окне браузера закрепленного сайта.

<meta name="msapplication-navbutton-color" content="#0173c1">
12

Msapplication-Task

Добавляет ссылки в меню задач, появляется если сайт добавлен в панель задач через IE.

<meta name="msapplication-task" content="name=Главная;action-uri=/;icon-uri=/favicon.ico">
<meta name="msapplication-task" content="name=Все статьи;action-uri=/news;icon-uri=/favicon.ico">

13

Msapplication-Window

Подобно тегу viewport, определяют исходный размер окна закрепленного сайта при первом запуске.

<meta name="msapplication-window" content="width=1024;height=768">
14

Msapplication-Starturl

Определен корневой URL-адрес сайта. 

<meta name="msapplication-starturl" content="./">
15

Msapplication-Config

Мета-теги msapplication и другие параметры можно вынести из HTML разметки в отдельный xml файл и указать ссылку на него. Подробнее о формате файла на docs.microsoft.com

<meta name="msapplication-config" content="/assets/img/favicons/browserconfig.xml">

Пример файла browserconfig.xml

<?xml version="1.0" encoding="utf-8"?>
<browserconfig>
   <msapplication>
     <tile>
        <square70x70logo src="small.png"/>
        <square150x150logo src="medium.png"/>
        <wide310x150logo src="wide.png"/>
        <square310x310logo src="large.png"/>
        <TileColor>#009900</TileColor>
     </tile>
     <badge>
        <polling-uri src="badge.xml"/>
        <frequency>30</frequency>
     </badge>
     <notification>
        <polling-uri  src="1.xml"/>
        <polling-uri2 src="2.xml"/>
        <polling-uri3 src="3.xml"/>
        <polling-uri4 src="4.xml"/>
        <polling-uri5 src="5.xml"/>
        <frequency>30</frequency>
        <cycle>1</cycle>
     </notification>
   </msapplication>
</browserconfig>
08 февраля 2018