Spec-Zone.ru › HTML

<var> Элемент HTML var

Baseline Широко доступно

Эта функция хорошо зарекомендовала себя и работает на множестве устройств и в разных версиях браузеров. Она доступна во всех браузерах с июля 2015 года.

  • Подробнее
  • Полная таблица совместимости
  • Оставить отзыв
>

Элемент <var> HTML представляет имя переменной в математическом выражении или в контексте программирования. Обычно он отображается курсивом текущего шрифта, однако такое поведение зависит от браузера.

Попробуйте

<p>
  The volume of a box is <var>l</var> × <var>w</var> × <var>h</var>, where
  <var>l</var> represents the length, <var>w</var> the width and
  <var>h</var> the height of the box.
</p>
var {
  font-weight: bold;
}

Атрибуты

Этот элемент включает только глобальные атрибуты.

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

>

Связанные элементы

Другие элементы, используемые в контекстах, где часто применяется <var>:

  • <code>: элемент HTML Code
  • <kbd>: элемент HTML Keyboard input
  • <samp>: элемент HTML Sample Output

Если вы встретили код, в котором <var> ошибочно используется для оформления, а не для обозначения семантики, следует использовать либо <span> с подходящим CSS, либо один из следующих подходящих семантических элементов:

  • <em>
  • <i>
  • <q>

Стиль по умолчанию

При отображении <var> большинство браузеров применяет font-style к "italic". Это можно переопределить с помощью CSS, например так:

var {
  font-style: normal;
}

Примеры

>

Базовый пример

Вот простой пример использования <var> для обозначения имён переменных в математическом уравнении.

<p>An algebraic equation: <var>x</var> = <var>y</var> + 2</p>

Результат

Переопределение стиля по умолчанию

С помощью CSS можно переопределить стиль элемента <var> по умолчанию. В этом примере имена переменных отображаются полужирным шрифтом Courier, если он доступен; в противном случае используется моноширинный шрифт по умолчанию.

CSS

var {
  font:
    bold 15px "Courier",
    "Courier New",
    monospace;
}

HTML

<p>
  The variables <var>minSpeed</var> and <var>maxSpeed</var> control the minimum
  and maximum speed of the apparatus in revolutions per minute (RPM).
</p>

В этом HTML элемент <var> используется для заключения имён двух переменных.

Результат

Техническая сводка

Категории содержимого Потоковое содержимое, фразовое содержимое, воспринимаемое содержимое.
Допустимое содержимое Фразовое содержимое.
Опускание тегов Не допускается: открывающий и закрывающий теги обязательны.
Допустимые родительские элементы Любой элемент, допускающий фразовое содержимое.
Неявная роль ARIA Соответствующая роль отсутствует
Допустимые роли ARIA Любые
Интерфейс DOM HTMLElement

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

Спецификация
HTML>
# the-var-element>

Совместимость с браузерами

Настольные компьютеры Мобильные устройства
Chrome Edge Firefox Opera Safari Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet WebView Android WebView on iOS
var 1 12 1 15 ≤4 18 4 14 ≤3.2 1.0 4.4 ≤3.2

© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/var

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API