Thêm biến số (variable) trong HTML với thẻ <var>

Thẻ <var> đánh dấu biến số trong biểu thức toán học, lập trình, vật lý - thường in nghiêng mặc định.

Ví dụ

<!DOCTYPE html>
<html>
<head>
  <title>HTML var Tag</title>
  <style>
    body { font-family: 'Segoe UI', sans-serif; padding: 20px; font-size: 1.1rem; line-height: 1.8; }
    var { 
      font-style: italic; 
      font-family: 'Courier New', monospace; 
      background: #f5f5f5; 
      padding: 2px 6px; 
      border-radius: 4px; 
      color: #d63384; 
    }
  </style>
</head>
<body>
  <h1>Biến Số Trong HTML (<var>)</h1>
  <p>Hệ phương trình:</p>
  <p><var>2x</var> - <var>4z</var> = <var>2y</var> + 3</p>
  <p><var>x</var> + <var>5z</var> = <var>3y</var> + 6</p>
  
  <h2>Vật lý</h2>
  <p>Vận tốc: <var>v</var> = <var>s</var> / <var>t</var></p>
  <p>Năng lượng động: <var>E</var> = ½ <var>m</var><var>v</var><sup>2</sup></p>
  
  <h2>Lập trình</h2>
  <p>Khởi tạo: <var>let count = 0</var>; Vòng lặp: <var>for (let i = 0; i < n; i++)</var></p>
</body>
</html>

Kết quả

Các biến x, y, z, v, s, t, E, m, count, i, n hiển thị in nghiêng, font monospace, nền xám nhạt, màu hồng - dễ phân biệt với text thường.

Kết hợp với <code>, <kbd>, <samp>

• <var>: Biến số (x, y, count)
• <code>: Code snippet (function(), const)
• <kbd>: Phím bàn phím (Ctrl+C, Enter)
• <samp>: Output chương trình (Error: 404)