Công cụ rút gọn HTML

Rút gọn HTML an toàn: xóa chú thích, gộp khoảng trắng và bỏ dấu cách quanh thẻ khối, trong khi pre, textarea, script và style được giữ nguyên.

Mã HTML đầu vào

Đầu ra

Chạy hoàn toàn trong trình duyệt. Dữ liệu của bạn không bao giờ bị tải lên.

Công cụ Liên quan

Xem Tất cả

Định dạng JSON Kiểm tra JSON Định dạng XML camelCase snake_case kebab-case PascalCase CONSTANT_CASE

Rút gọn HTML là gì?

Công cụ rút gọn HTML làm HTML nhỏ hơn bằng các phép biến đổi thận trọng, an toàn cho hiển thị: chú thích bị xóa, chuỗi khoảng trắng liên tiếp thành một dấu cách, và khoảng trắng cạnh thẻ cấp khối bị bỏ. Nội dung của <pre>, <textarea>, <script> và <style> được giữ nguyên từng byte.

Cách sử dụng Rút gọn HTML

Dán HTML vào ô nhập.
Bấm Rút gọn (kết quả cũng cập nhật khi bạn gõ).
Xem dòng kích thước để biết đã tiết kiệm được bao nhiêu.
Sao chép hoặc tải xuống HTML đã rút gọn.

Ví dụ

Đầu vào

<div>
  <!-- c -->
  <p>Hello   <b>big</b>
 world</p>
  <pre>  a
 b</pre>
</div>

Đầu ra

<div><p>Hello <b>big</b> world</p><pre>  a
 b</pre></div>

Khi nào nên dùng Rút gọn HTML

Dùng cho trang tĩnh, mẫu email hoặc đoạn HTML nhúng trong mã. Mức giảm khá khiêm tốn so với gzip/brotli. Công cụ không xóa thẻ tùy chọn hay dấu nháy của thuộc tính, nên kết quả vẫn hợp lệ và dễ đoán.

Rút gọn HTML hoạt động như thế nào

Một bộ tách token nhỏ chia đầu vào thành thẻ, văn bản, chú thích và khối văn bản thô. Chú thích bị bỏ, trừ chú thích điều kiện của Internet Explorer (<!--[if …]>). Trong văn bản, mọi chuỗi khoảng trắng trở thành một dấu cách; dấu cách đầu/cuối bị xóa khi bên cạnh là thẻ cấp khối như div, p, li hoặc table, nhưng được giữ giữa các phần tử nội tuyến (<b>a</b> <i>b</i>), nơi chúng hiển thị được. Khoảng trắng bên trong thẻ được chuẩn hóa; giá trị thuộc tính không bị thay đổi. JavaScript và CSS trong trang không được rút gọn – hãy dùng công cụ rút gọn JS hoặc CSS cho việc đó.