Мета-теги для Internet Explorer и Windows

Мета-теги в <head> страницы, которые влияют на работу и функции Internet Explorer, Edge и Windows.
1

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

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

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

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

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

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

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

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

Все версии IE

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

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

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

IE до версии 7:

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

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

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

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

<!--[if gte IE 7]>
...
<![endif]-->
HTML
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">
HTML
7

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

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

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

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

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

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

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

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

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

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

Добавляет ссылки в меню задач, появляется если сайт добавлен в панель задач через 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">
HTML

13

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

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

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

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

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

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

Пример файла 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.02.2018, обновлено 10.09.2019
13941

Комментарии

, чтобы добавить комментарий.

Другие публикации

Contenteditable – текстовый редактор
Если добавить атрибут contenteditable к элементу, его содержимое становится доступно для редактирования пользователю, а...
43172
+34
Массив $_SERVER
Описание значений глобального массива $_SERVER с примерами.
51732
+3
Список MIME типов
Ниже приведён список MIME-заголовков и расширений файлов.
24636
+7
Мануал по созданию и форматированию excel файлов в PHPExcel
К сожалению разработчики прекратили поддержку и разработку проекта, но PHPExcel все равно остается популярной...
127975
+36
Модальные окна на Fancybox 2
Fancybox 2 не только плагин галерей, но и модальных окон, рассмотрим подробнее.
23149
+4
Обработка изображений в PHP
Библиотека GD дает возможность работать с изображениями в PHP. Далее представлены примеры как изменить размер, вырезать часть изображения и т.д.
57865
+14