วิธีจัดรูปแบบตัวแปร (Variable Formatting) ด้วยแท็ก var ใน HTML

แท็ก <var> ใช้สำหรับแทนตัวแปรในนิพจน์คณิตศาสตร์ หรือตัวแปรในโปรแกรม Browser จะแสดงเป็นตัวเอียง (italic) โดยค่าเริ่มต้น

ตัวอย่าง

<!DOCTYPE html>
<html>
<head>
  <title>HTML var Tag</title>
</head>
<body>
  <p>The equations: <var>2x</var> - <var>3z</var> = <var>5y</var> + 2 and 
     <var>2x</var> + <var>5z</var> = <var>2y</var> + 7 </p>
  <p>Area = <var>&pi;</var> <var>r</var><sup>2</sup></p>
  <p>In JavaScript: <var>const x</var> = 10;</p>
</body>
</html>

ผลลัพธ์

The equations: 2x - 3z = 5y + 2 and 2x + 5z = 2y + 7

Area = π r²

In JavaScript: const x = 10;

เมื่อไหร่ควรใช้ var

ตัวแปรในสูตรคณิตศาสตร์: x, y, n
ตัวแปรใน pseudocode/algorithm
placeholder values ใน documentation
ไม่ใช่สำหรับ variable names ในโค้ดจริง (ใช้ <code> แทน)

Semantic Tags ที่เกี่ยวข้อง

Tag	ใช้สำหรับ	ตัวอย่าง
`<var>`	ตัวแปรคณิตศาสตร์/พื้นฐาน	`x` = 5
`<code>`	โค้ดโปรแกรม	`const x = 5;`
`<kbd>`	คีย์บอร์ด input	`Ctrl`+`C`
`<samp>`	Output ของโปรแกรม	`Error: undefined`
`<math>`	MathML (complex math)	MathML formulas