/html/meta/http-equiv/default-style:> Прагма альтернативных таблиц стилей_

Прагма директива default-style

Синтаксис

HTML
XHTML
<head>
  ...
  <meta http-equiv="default-style"
        content="[title]">
  ...
  <link type="text/css" href="..."
        rel="alternate stylesheet"
        title="[title]">
  ... 
</head>

Описание

Прагма директива default-style (от англ. "default style" ‒ «стиль по умолчанию») указывает имя набора альтернативных таблиц стилей, используемых по умолчанию.

Примечание

Указанный набор альтернативных таблиц стилей имеет приоритет над остальными альтернативными таблицами стилей.


Поддержка браузерами

Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.

Спецификация


Значения атрибута «content»

Атрибут «content» должен иметь значение, являющееся значением атрибута «title» элемента link, чей «href» атрибут ссылается на таблицу стилей CSS, либо значением «title» атрибута элемента style, который содержит таблицу стилей CSS.

<meta http-equiv="default-style" content="mystyle">
...
<link type="text/css" href="/styles/styles.css" rel="alternate stylesheet" title="mystyle">

Пример использования

Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Прагма директива default-style</title>
<meta http-equiv="default-style" id="altstyle" content="Мой стиль 1">
<link type="text/css" href="header-txt1.css" rel="alternate stylesheet" title="Мой стиль 1">
<link type="text/css" href="header-txt2.css" rel="alternate stylesheet" title="Мой стиль 2">
<link type="text/css" href="mark1.css" rel="alternate stylesheet" title="Мой стиль 1">
<link type="text/css" href="mark2.css" rel="alternate stylesheet" title="Мой стиль 2">
</head>
<body>
<h1>Пример использования прагма директивы "default-style"</h1>
<p>В данном документе приводится пример <span class="mark">прагма директивы альтернативных таблиц стилей</span> используемых по умолчанию.</p>
<hr>
<h2>Посмотреть</h2>
<ul>
<li>Мой стиль 1: <a href="header-txt1.css">header-txt1.css</a>, <a href="mark1.css">mark1.css</a>;</li>
<li>Мой стиль 2: <a href="header-txt2.css">header-txt2.css</a>, <a href="mark2.css">mark2.css</a>.</li>
</ul>
</body>
</html>
Прагма директива default-style