<var>: Элемент переменной
Базовая линия Широкодоступная
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.
Элемент <var> HTML представляет имя переменной в математическом выражении или контексте программирования. Обычно он отображается с использованием курсива текущего шрифта, хотя это поведение зависит от браузера.
Попробуйте
Атрибуты
Этот элемент включает только глобальные атрибуты.
Примечания по использованию
Связанные элементы
Другие элементы, используемые в контекстах, где <var> обычно используется, включают:
-
<code>: Элемент HTML-кода -
<kbd>: Элемент HTML-ввода с клавиатуры -
<samp>: Элемент HTML-вывода примера
Если вы встретите код, который неправильно использует <var> для стилизации, а не для семантики, вы должны либо использовать <span> с соответствующим CSS, либо соответствующий семантический элемент из следующих:
Стиль по умолчанию
Большинство браузеров применяют font-style к "italic" при отображении <var>. Это можно переопределить в CSS, например так:
var { font-style: normal; }
Примеры
Базовый пример
Вот простой пример, использующий <var> для обозначения имен переменных в математическом уравнении.
<p>A simple 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 на IOS | Samsung Internet | WebView Android | |
var |
1 | 12 | 1 | 15 | ≤4 | 18 | 4 | 14 | ≤3.2 | 1.0 | 4.4 |
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/var