<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>:
Если вы встретили код, в котором <var> ошибочно используется для оформления, а не для обозначения семантики, следует использовать либо <span> с подходящим CSS, либо один из следующих подходящих семантических элементов:
Стиль по умолчанию
При отображении <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