HTML Minifier

Khoảng trắng được giữ ở đâu

Mỗi chuỗi khoảng trắng, tab và ngắt dòng được chuyển thành một khoảng trắng thay vì bị xóa, vì khoảng trắng cạnh nội dung nội tuyến vẫn hiển thị: trong Read <a href="/guide">the guide</a> now, cả hai khoảng trắng quanh liên kết đều được giữ. Khoảng trắng chỉ bị xóa ở nơi trình duyệt không hiển thị: đầu và cuối phần tử dạng khối như <p>, <li> hoặc <div>, và giữa các phần tử khối cùng cấp, chẳng hạn phần thụt đầu dòng giữa các mục <li>. Văn bản bên trong <pre>, <textarea>, <script> và <style> được giữ nguyên chính xác như đã viết.

CSS có thể khiến khoảng trắng đã xóa trở nên có ý nghĩa trở lại. Một <div> được định kiểu display: inline-block hoặc một đoạn văn có white-space: pre-wrap sẽ hiển thị khoảng trắng mà riêng HTML cho là không nhìn thấy, vì vậy hãy so sánh trang đã hiển thị với bản gốc trước khi triển khai.

Bộ phân tích cú pháp của trình duyệt thay đổi những gì

Một đoạn mã, chẳng hạn mẫu thành phần, sẽ được trả về dưới dạng đoạn mã; đầu vào có doctype hoặc thẻ <html>, <head> hay <body> sẽ được trả về dưới dạng toàn bộ tài liệu. Dù theo cách nào, mã đánh dấu cũng đi qua bộ phân tích cú pháp của trình duyệt: các thẻ chưa đóng được đóng lại, phần tử đặt sai vị trí được chuyển đến nơi bộ phân tích cú pháp quy định, và doctype HTML ở bất kỳ phiên bản nào cũng trở thành <!doctype html>. Tất cả chú thích đều bị xóa, kể cả các dấu hiệu của framework được viết dưới dạng chú thích.

Các tập lệnh và kiểu nội tuyến được giữ nguyên như đã viết. Hãy rút gọn riêng nội dung của chúng bằng trình rút gọn JavaScript và trình rút gọn CSS.

Cách sử dụng

1. Dán HTML.
2. Chọn Minify HTML.
3. Kiểm tra và tải xuống tài liệu đã thu gọn.

Quyền riêng tư và giới hạn

Tài liệu được giữ trên thiết bị của bạn. Luôn kiểm tra các trang đã tạo vì khoảng trắng có thể mang ý nghĩa trong bố cục nội tuyến.