HTML Encode/Decode

Chuyển đổi tất cả các ký tự có thể thành HTML entities, hoặc ngược lại

Thẻ: bộ giải mã bộ mã hóa html mã hóa/giải mã html

🚀 313,493 tổng số lượt chuyển đổi (3,348 trong tháng này)

Giới thiệu

Công cụ mã hóa HTML trực tuyến này giúp bạn chuyển đổi các ký tự thành thực thể HTML. Đây là cách đơn giản và hiệu quả để xử lý các ký tự đặc biệt hoặc đã được dành riêng trong mã HTML của bạn.

Cách sử dụng công cụ này

  1. Dán mã HTML của bạn trực tiếp vào trình soạn thảo hoặc nhập vào.
  2. Nhấp vào nút Mã hóa hoặc Giải mã để xử lý HTML của bạn.
  3. Sau khi mã hóa hoặc giải mã, bạn có thể:
    • Tải xuống kết quả đã xử lý.
    • Lưu hoặc chia sẻ nó bằng một liên kết duy nhất.
    • Đăng nhập bằng Google hoặc GitHub để lưu kết quả của bạn cho lần sử dụng sau.

Thực thể HTML là gì?

Một thực thể HTML là một đoạn văn bản bắt đầu bằng dấu & (&) và kết thúc bằng dấu chấm phẩy (;). Thực thể thường được sử dụng để hiển thị các ký tự đã được dành riêng, như < hoặc >, mà nếu không sẽ được hiểu là mã HTML. Chúng cũng có thể đại diện cho các ký tự vô hình (ví dụ: khoảng trắng không ngắt) hoặc các ký tự đặc biệt khó gõ trên bàn phím tiêu chuẩn.

Ví dụ:

  • < đại diện cho ký hiệu nhỏ hơn ("<").
  • & đại diện cho dấu & ("&").

Tìm hiểu thêm về thực thể HTML từ hướng dẫn hữu ích này .

Một số thực thể ký tự HTML hữu ích

Kết quả Mô tả Tên thực thể Số thực thể
khoảng trắng không ngắt &nbsp; &#160;
< nhỏ hơn &lt; &#60;
> lớn hơn &gt; &#62;
& dấu & &amp; &#38;
" dấu ngoặc kép &quot; &#34;
' dấu ngoặc đơn (dấu nháy đơn) &apos; &#39;
¢ cent &cent; &#162;
£ pound &pound; &#163;
¥ yen &yen; &#165;
euro &euro; &#8364;
© bản quyền &copy; &#169;
® nhãn hiệu đã đăng ký &reg; &#174;

Ví dụ

Trước khi mã hóa

      
<!doctype html>
<html lang="en">
  <head>
    <title>Hello World!</title>
  </head>
  <body>
    <div id="content">
      <h1 class="title">Hello World!</h1>
    </div>
  </body>
</html>
      
    

Sau khi mã hóa

      
&lt;!doctype html&gt;
&lt;html lang=&quot;en&quot;&gt;
  &lt;head&gt;
    &lt;title&gt;Hello World!&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;div id=&quot;content&quot;&gt;
      &lt;h1 class=&quot;title&quot;&gt;Hello World!&lt;/h1&gt;
    &lt;/div&gt;
  &lt;/body&gt;
&lt;/html&gt;