Trả lời nhanh
HTML entity là cách viết một ký tự bằng mã, bắt đầu bằng & và kết thúc bằng dấu chấm phẩy: < là <, & là &, é hay é là é. Cần mã hoá ít nhất 5 ký tự & < > " ' khi muốn hiển thị chúng dưới dạng chữ thay vì để trình duyệt hiểu là mã HTML.
HTML entity là gì?
Dán đoạn văn hay mã HTML để mã hoá các ký tự đặc biệt thành entity, hoặc dán chuỗi có &, , ế để giải mã về chữ thường. Có thể chỉ mã hoá 5 ký tự đặc biệt (đủ cho hầu hết trường hợp) hoặc mã hoá cả mọi ký tự ngoài ASCII như chữ tiếng Việt có dấu và emoji, theo dạng tên (é), số thập phân (é) hoặc hex (é). Phần giải mã hiểu cả mã số kiểu Windows-1252 cũ (–) như trình duyệt. Mọi thứ xử lý ngay trên máy bạn.
Cách mã hoá hoặc giải mã HTML entity
- 1
Chọn “Mã hoá” hay “Giải mã” ở đầu công cụ.
- 2
Khi mã hoá, chọn phạm vi: chỉ ký tự đặc biệt (giữ nguyên chữ tiếng Việt) hoặc cả ký tự ngoài ASCII (dùng cho hệ thống chỉ nhận ASCII, email cũ), rồi chọn dạng entity.
- 3
Dán nội dung vào ô bên trái; kết quả hiện ngay ở ô bên phải. Bấm “Sao chép” để lấy kết quả.
- 4
Bấm “Đổi chiều” để đưa kết quả sang ô nhập và chạy chiều ngược lại, tiện kiểm tra mã hoá rồi giải mã có ra đúng văn bản gốc không.
5 ký tự bắt buộc mã hoá trong HTML
| Ký tự | Entity tên | Mã số | Vì sao |
|---|---|---|---|
| & | & | & | Mở đầu mọi entity; để nguyên dễ bị hiểu nhầm (ví dụ © trong đường dẫn) |
| < | < | < | Mở thẻ HTML, có thể làm trình duyệt chạy mã lạ |
| > | > | > | Đóng thẻ; mã hoá cho đồng bộ và an toàn |
| " | " | " | Kết thúc giá trị thuộc tính đặt trong ngoặc kép |
| ' | ' | ' | Kết thúc thuộc tính dùng nháy đơn; ' không có trong HTML4 nên hay dùng ' |
Vuốt ngang để xem cả bảng →
Ba dạng viết của cùng một ký tự
| Dạng | Ví dụ cho © | Ghi chú |
|---|---|---|
| Tên | © | Dễ đọc nhưng chỉ có cho khoảng hơn 2 000 ký tự trong chuẩn HTML |
| Số thập phân | © | Dùng được cho mọi ký tự Unicode |
| Số hex | © | Cùng giá trị, viết theo mã Unicode U+00A9 |
Ví dụ thực tế
Đăng đoạn mã lên blog
Muốn bài viết hiển thị <div class="box"> thay vì tạo ra một thẻ div thật, mã hoá thành <div class="box"> rồi dán vào trình soạn thảo HTML.
Tên sản phẩm bị lỗi “&amp;”
Dữ liệu bị mã hoá hai lần khi đi qua nhiều hệ thống. Giải mã một lần ra “&”, lần nữa ra “&” để thấy chuỗi gốc, rồi sửa chỗ mã hoá thừa.
Email gửi ra hiện chữ lạ
Hệ thống gửi mail cũ không khai báo UTF-8 làm chữ “Cà phê” thành “Cà phê”. Mã hoá cả ký tự ngoài ASCII thành à … giúp nội dung hiển thị đúng ở mọi bảng mã.
Dữ liệu cào về có
Văn bản lấy từ trang web hay có và –. Giải mã để được dấu cách và gạch ngang thật trước khi đưa vào Excel.
Lỗi thường gặp
- Mã hoá hai lần thành &lt;.
- Chỉ mã hoá ở MỘT chỗ, ngay lúc chèn vào HTML. Nếu framework (React, Blade, Twig) đã tự thoát ký tự thì không mã hoá thêm.
- Nghĩ mã hoá entity là đủ chống XSS.
- Entity chỉ an toàn cho nội dung thẻ và thuộc tính có ngoặc. Trong <script>, onclick, href="javascript:" hay CSS cần cách thoát khác hoặc không chèn dữ liệu người dùng vào đó.
- Thiếu dấu chấm phẩy: © 2026.
- Trình duyệt đoán được một số tên cũ nhưng không chắc chắn; luôn viết đủ ©. Công cụ này cũng chỉ giải mã entity có dấu chấm phẩy.
- Mã hoá cả chữ tiếng Việt làm HTML dài gấp mấy lần.
- Trang đã khai báo <meta charset="utf-8"> thì không cần: chỉ chọn “Chỉ ký tự đặc biệt”.
Có cần mã hoá chữ tiếng Việt không?
Không, nếu trang dùng UTF-8 (gần như mọi website ngày nay). Chữ có dấu viết thẳng vào HTML vẫn hiển thị đúng, file nhỏ hơn và dễ sửa hơn.
Chỉ nên mã hoá cả ký tự ngoài ASCII khi nội dung đi qua hệ thống không chắc về bảng mã: email HTML cũ, tệp XML gửi cho phần mềm khác, hay chuỗi phải nằm trong mã nguồn chỉ cho phép ASCII.
Thuật ngữ
- Entity
- Chuỗi &…; thay cho một ký tự, ví dụ & thay cho &.
- Named reference
- Entity dạng tên như , © được định nghĩa sẵn trong chuẩn HTML.
- Numeric reference
- Entity dạng số: é (thập phân) hay é (hex) theo mã Unicode.
- Escape (thoát ký tự)
- Đổi ký tự có ý nghĩa đặc biệt thành dạng an toàn để hiển thị như chữ thường.
- XSS
- Tấn công chèn mã script vào trang qua dữ liệu người dùng nhập, khi dữ liệu không được thoát đúng cách.
-
- Dấu cách không ngắt dòng: giữ hai từ luôn ở cùng một dòng, ví dụ “100 km”.
Câu hỏi thường gặp
khác dấu cách thường thế nào?
Trình duyệt không ngắt dòng tại và không gộp nhiều liền nhau thành một như dấu cách thường. Đừng dùng nó để căn lề; dùng CSS.
Nên dùng ' hay '?
Cả hai cùng là dấu nháy đơn. ' có trong HTML5 và XML nhưng không có trong HTML4, nên ' an toàn hơn cho email và trình duyệt cũ; công cụ này dùng '.
Entity dạng tên và dạng số có khác gì khi hiển thị?
Không. ©, © và © đều hiện ra ©. Dạng tên dễ đọc hơn, dạng số dùng được cho mọi ký tự kể cả emoji.
PHP mã hoá HTML bằng hàm nào?
htmlspecialchars($s, ENT_QUOTES, 'UTF-8') mã hoá 5 ký tự đặc biệt, giống chế độ “Chỉ ký tự đặc biệt”; htmlentities mã hoá thêm các ký tự có tên. Giải mã dùng html_entity_decode.
JavaScript có hàm mã hoá HTML sẵn không?
Không có hàm chuẩn. Gán chuỗi vào textContent của phần tử (thay vì innerHTML) là cách an toàn nhất; React, Vue tự thoát ký tự khi hiển thị biến.
Tại sao có entity không giải mã được?
Công cụ có bảng tên thường dùng (Latin-1, chữ tiếng Việt có tên, ký hiệu toán, mũi tên, Hy Lạp). Tên hiếm sẽ được giữ nguyên và liệt kê ở dòng trạng thái; dạng số thì luôn giải mã được.
Đánh giá và bình luận
Đang tải…