<var>: Phần tử Biến số

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Phần tử <var> HTML đại diện cho tên của một biến trong biểu thức toán học hoặc ngữ cảnh lập trình. Nó thường được trình bày bằng phiên bản in nghiêng của kiểu chữ hiện tại, mặc dù hành vi đó phụ thuộc vào trình duyệt.

Try it

<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;
}

Thuộc tính

Phần tử này chỉ bao gồm các thuộc tính toàn cục.

Ghi chú sử dụng

Các phần tử liên quan

Các phần tử khác được sử dụng trong các ngữ cảnh thường dùng <var> bao gồm:

  • <code>: Phần tử Mã HTML
  • <kbd>: Phần tử Đầu vào Bàn phím HTML
  • <samp>: Phần tử Đầu ra Mẫu HTML

Nếu bạn gặp mã nguồn đang sử dụng <var> nhầm lẫn cho mục đích tạo kiểu thay vì mục đích ngữ nghĩa, bạn nên sử dụng <span> với CSS phù hợp, hoặc một phần tử ngữ nghĩa phù hợp trong các phần tử sau:

Kiểu dáng mặc định

Hầu hết các trình duyệt áp dụng font-style thành "italic" khi hiển thị <var>. Điều này có thể được ghi đè trong CSS, như sau:

css
var {
  font-style: normal;
}

Ví dụ

Ví dụ cơ bản

Dưới đây là một ví dụ cơ bản, sử dụng <var> để biểu thị tên biến trong một phương trình toán học.

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

Kết quả

Ghi đè kiểu dáng mặc định

Sử dụng CSS, bạn có thể ghi đè kiểu dáng mặc định của phần tử <var>. Trong ví dụ này, tên biến được hiển thị in đậm, sử dụng Courier nếu có, nếu không thì sẽ dùng phông chữ đơn cách mặc định.

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 này sử dụng <var> để bao hai tên biến.

Kết quả

Tóm tắt kỹ thuật

Danh mục nội dung Nội dung luồng, nội dung cụm từ, nội dung có thể nhìn thấy.
Nội dung được phép Nội dung cụm từ.
Bỏ qua thẻ Không được phép, cả thẻ mở và thẻ đóng đều bắt buộc.
Phần tử cha được phép Bất kỳ phần tử nào chấp nhận nội dung cụm từ.
Vai trò ARIA ngầm định Không có vai trò tương ứng
Vai trò ARIA được phép Bất kỳ
Giao diện DOM HTMLElement

Đặc tả

Specification
HTML
# the-var-element

Tương thích trình duyệt