Làm sạch HTML cũ với indent không nhất quán trước khi cam kết. Minify markup tĩnh để giảm kích thước payload. Định dạng response API trả về HTML cho dễ đọc.

HTML Formatter

Format và làm đẹp HTML hoặc minify nó. Kích thước indent, loại bỏ comment và nhận biết self-closing tag.

Đầu vào

Mode

Indent

Strip comments

Collapse whitespace in text

Đầu ra

Nhập dữ liệu ở trên để xem kết quả.

Tạo bởi JXXR1 · ♥ Tài trợ · ☕ Mời tôi một ly cà phê

Công cụ này để làm gì?

HTML hand-edited tích lũy whitespace lộn xộn — indent không nhất quán, dòng dài, thuộc tính trộn lẫn. Tool này pretty-print bất kỳ HTML nào với indent rõ ràng, hoặc minify nó để loại bỏ tất cả whitespace không cần thiết cho production. Nó hiểu các thẻ tự-đóng và inline CSS/JS.

Khi nào nên dùng

Làm sạch HTML cũ với indent không nhất quán trước khi cam kết.
Minify markup tĩnh để giảm kích thước payload.
Định dạng response API trả về HTML cho dễ đọc.

Lưu ý thường gặp

Whitespace có thể có ý nghĩa. Trong <pre>, <textarea>, và một số <span> inline, whitespace là một phần của content. Tool này cố gắng giữ chúng, nhưng kiểm tra output.
Minify HTML đơn giản hơn minify CSS/JS. Đa số tiết kiệm đến từ collapse whitespace; phần khó (chấp nhận attribute không có quote, drop tag tự-đóng tùy chọn) thường không an toàn nếu chưa được phân tích cẩn thận.
Đừng format template. File chứa {{handlebars}}, <?php> hoặc <%erb%> có thể bị phá vỡ bởi formatter HTML — chúng không phải là HTML hợp lệ cho đến khi được render.