Spec-Zone.ru › HTML

<var>: Элемент переменной

Базовая линия Широкодоступная

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

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

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

Попробуйте

Атрибуты

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

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

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

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

  • <code>: Элемент HTML-кода
  • <kbd>: Элемент HTML-ввода с клавиатуры
  • <samp>: Элемент HTML-вывода примера

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

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

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

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

css
var {
  font-style: normal;
}

Примеры

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

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

html
<p>A simple equation: <var>x</var> = <var>y</var> + 2</p>

Результат

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

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

CSS

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

HTML

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

Spec-Zone.ru

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