Toán tử toán học trong HTML5

HTML5 cung cấp các thực thể ký tự (character entities) để hiển thị các ký hiệu toán học và kỹ thuật mà không có trên bàn phím.

Cú pháp

Sử dụng tên thực thể hoặc mã số:

&ten_thuc_the;       <!-- Ví dụ: &minus; -->
&#ma_so_thap_phan;    <!-- Ví dụ: &#8721; -->
&#xma_so_hex;         <!-- Ví dụ: &#x2211; -->

Bảng các ký hiệu phổ biến

Hiển thị	Thực thể tên	Mã thập phân	Mã Hex	Mô tả
−	`−`	`−`	`−`	Dấu trừ
°	`°`	`°`	`°`	Dấu độ
Σ	-	`∑`	`∑`	Sigma (tổng)
>	`>`	`>`	`>`	Lớn hơn
≥	`≥`	`≥`	`≥`	Lớn hơn hoặc bằng
<	`<`	`<`	`<`	Nhỏ hơn
≤	`≤`	`≤`	`≤`	Nhỏ hơn hoặc bằng
∫	-	`∫`	`∫`	Tích phân
±	`±`	`±`	`±`	Cộng trừ
×	`×`	`×`	`×`	Nhân
÷	`÷`	`÷`	`÷`	Chia
∞	`∞`	`∞`	`∞`	Vô cực
≈	`≈`	`≈`	`≈`	Xấp xỉ
≠	`≠`	`≠`	`≠`	Khác
π	`π`	`π`	`π`	Pi
√	-	`√`	`√`	Căn bậc 2

Ví dụ

<!DOCTYPE html>
<html>
<style>
  body { color: #000; height: 100vh; background-color: #8BC6EC; background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%); text-align: center; }
</style>
<body>
<h1>Demo toán tử toán học HTML5</h1>
<p>&minus; -- Dấu trừ (&minus; hoặc &#8722;)</p>
<p>&deg; -- Dấu độ (&deg; hoặc &#176;)</p>
<p>&#8721; -- Sigma tổng (&#8721; hoặc &#x2211;)</p>
<p>&gt; -- Lớn hơn (&gt; hoặc &#62;)</p>
<p>&ge; -- Lớn hơn hoặc bằng (&ge; hoặc &#8805;)</p>
<p>&lt; -- Nhỏ hơn (&lt; hoặc &#60;)</p>
<p>&le; -- Nhỏ hơn hoặc bằng (&le; hoặc &#8804;)</p>
<p>&#8747; -- Tích phân (&#8747; hoặc &#x222B;)</p>
<p>&plusmn; -- Cộng trừ (&plusmn;)</p>
<p>&times; -- Nhân (&times;)</p>
<p>&divide; -- Chia (&divide;)</p>
<p>&infin; -- Vô cực (&infin;)</p>
<p>&pi; -- Pi (&pi;)</p>
<p>&#8730; -- Căn bậc 2 (&#8730;)</p>
</body>
</html>

Kết quả

Các ký hiệu toán học hiển thị đúng trên trình duyệt mà không cần font đặc biệt.

Mẹo: Dùng tra cứu thực thể HTML để tìm mã cho ký hiệu khác.