Тег <var>
Описание
Тег <var> (от англ. "variable") используется для обозначения переменных в математических выражениях, программном коде или других технических контекстах. По умолчанию браузеры отображают текст курсивным начертанием.
<p>Уравнение прямой: <var>y</var> = <var>k</var><var>x</var> + <var>b</var></p>
<pre><code>let <var>userName</var> = "John";
console.log(<var>userName</var>);</code></pre>
<p>
Функция вычисляет площадь круга:
<code>calculateArea(<var>radius</var>)</code>
</p>
Ключевые особенности:
- Семантически обозначает переменные и параметры
- По умолчанию отображается курсивом (в отличие от
<code>) - Часто используется в сочетании с
<code>и<pre> - Важен для технической документации и учебных материалов
- Помогает скринридерам правильно интерпретировать переменные
<style>
var {
font-style: italic;
color: #d63384;
font-family: 'Times New Roman', serif;
background-color: #f8f9fa;
padding: 0 3px;
border-radius: 2px;
}
</style>
<p>Формула энергии: <var>E</var> = <var>m</var><var>c</var><sup>2</sup></p>
Рекомендации по использованию:
- Применяйте только для реальных переменных, а не произвольного текста
- Для кода программ используйте
<code> - Для пользовательского ввода используйте
<kbd> - В математических формулах сочетайте с
<sup>и<sub> - Избегайте избыточного использования в обычном тексте
Тег <var> улучшает читаемость технических документов, четко выделяя переменные в математических выражениях и программном коде.
Атрибуты
| accesskey | Горячая клавиша для активации |
| class | CSS-классы для стилизации |
| contenteditable | Разрешает редактирование |
| data-* | Пользовательские данные |
| dir | Направление текста |
| hidden | Скрывает элемент |
| id | Уникальный идентификатор |
| lang | Язык содержимого |
| style | Инлайновые стили |
| tabindex | Порядок перехода |
| title | Всплывающая подсказка |
| translate | Определяет возможность перевода |
Поддержка браузерами
 |
 |
 |
 |
 |
|---|---|---|---|---|
| 3.0 | 1.0 | 1.0 | 1.0 | 1.0 |