Công Cụ Encode/Decode HTML

Chuyển đổi ký tự đặc biệt thành HTML entities và ngược lại. Hỗ trợ đầy đủ HTML4 và HTML5 entities.

Hướng dẫn sử dụng

1. Nhập văn bản cần chuyển đổi vào ô đầu vào.

2. Chọn chế độ: Encode (mã hóa) hoặc Decode (giải mã).

3. Nhấn "Chuyển đổi" để xem kết quả.

4. Sử dụng nút "Sao chép" để copy kết quả.

5. Nhấn "Xử lý" (hoặc tên button tương ứng) hoặc phím tắt Ctrl+Enter.

6. Sao chép kết quả hoặc nhấn Ctrl+K để xóa.

Các ký tự được encode

• & → & (ampersand)

• < → &lt; (less than)

• > → &gt; (greater than)

• " → &quot; (double quote)

• ' → &#039; (single quote)

• Và nhiều ký tự đặc biệt khác: ©, ®, €, £, ¥, v.v.

Khi nào cần dùng HTML Entities?

• Hiển thị ký tự đặc biệt trong HTML mà không bị trình duyệt hiểu nhầm thành thẻ HTML.

• Hiển thị mã nguồn code trên website (ví dụ: <div> thay vì thẻ div thực).

• Tránh lỗi XSS (Cross-Site Scripting) khi hiển thị nội dung do người dùng nhập.

• Hiển thị ký tự đặc biệt không có trên bàn phím (©, ™, €, v.v.).

Về HTML Entities

HTML entities là các mã đặc biệt dùng để hiển thị các ký tự dành riêng (reserved characters) và ký tự đặc biệt trong HTML. Chúng bắt đầu bằng & và kết thúc bằng ;.

Named Entities: Dùng tên mô tả (ví dụ: &copy; cho ©)

Numeric Entities: Dùng mã số (ví dụ: &#169; cho ©)

Hexadecimal Entities: Dùng mã hex (ví dụ: &#xA9; cho ©)

Hỗ trợ đầy đủ: HTML4, HTML5, Unicode characters

Ví dụ 1 - Encode ký tự đặc biệt

• Input: <div class="example">Hello & Welcome!</div>

→ Output: &lt;div class=&quot;example&quot;&gt;Hello &amp; Welcome!&lt;/div&gt;

Ví dụ 2 - Decode HTML entities:

• Input: &copy; 2025 &bull; Price: &euro;99 &bull; Rating: &#9733;&#9733;&#9733;

→ Output: © 2025 • Price: €99 • Rating: ★★★

Ví dụ 3 - Hiển thị mã HTML:

• Input: <script>alert('XSS')</script>

→ Output (sau encode): &lt;script&gt;alert('XSS')&lt;/script&gt;

Lưu ý: Mã đã encode sẽ hiển thị dưới dạng text, không thực thi.

Ví dụ 4 - Ký tự đặc biệt thường dùng:

• &copy; → © (copyright)

• &reg; → ® (registered trademark)

• &trade; → ™ (trademark)

• &euro; → € (Euro)

• &pound; → £ (British Pound)

• &yen; → ¥ (Japanese Yen)

• &mdash; → — (em dash)

• &bull; → • (bullet point)

• &hearts; → ♥ (heart symbol)

Tiện ích liên quan

Tạo Prompt Video AI

Tạo Prompt Video AI

Tạo prompt tối ưu cho các nền tảng tạo video AI như Sora, Kling, Veo 3, Runway, Pika với hơn 50+ template chuyên nghiệp và tùy chỉnh chi tiết.
Tạo Spinner Text / Spintax

Tạo Spinner Text / Spintax

Công cụ tạo và xử lý spinner text (spintax) với format {option1|option2|option3} cho SEO automation, content variation, và article spinning. Hỗ trợ nested spinning.
Tính Giá Thầu Công Trình Xây Dựng

Tính Giá Thầu Công Trình Xây Dựng

Tính toán giá thầu cho công trình xây dựng với bảng chi phí chi tiết: vật liệu, nhân công, máy móc, chi phí chung, lợi nhuận và thuế VAT.
Phân Loại Intent Từ Khóa

Phân Loại Intent Từ Khóa

Nhập danh sách từ khóa, công cụ tự động phân loại intent: Informational, Commercial, Transactional, Navigational để hỗ trợ keyword map và cluster nội dung SEO.
Trình Soạn Thảo HTML

Trình Soạn Thảo HTML

Soạn thảo mã HTML với giao diện trực quan, xem trước tức thì. Hỗ trợ chèn nhanh các thẻ và "Smart Paste" để lấy mã HTML từ văn bản gốc.
AI Prompt Generator

AI Prompt Generator

Tạo prompt chuyên nghiệp cho ChatGPT, Claude và các AI model khác với templates và best practices