Trình nén & Làm đẹp HTML
Nén HTML cho sản phẩm thực tế hoặc làm đẹp để dễ đọc (Xử lý 100% phía khách hàng)
Xem trước được hiển thị trong iframe an toàn để bảo mật. Một số tính năng có thể bị hạn chế.
Tài liệu Công cụ Nén và Định dạng HTML
Công cụ này là gì?
Công cụ này cho phép bạn nén (minify) hoặc định dạng mã HTML. Việc nén loại bỏ khoảng trắng và chú thích không cần thiết để giảm kích thước tệp cho triển khai sản xuất. Định dạng định dạng HTML với thụt lề thích hợp để dễ đọc hơn trong quá trình phát triển.
Tính năng chính
- Nén HTML - Xóa khoảng trắng, ngắt dòng và chú thích để giảm kích thước tệp
- Định dạng HTML - Định dạng HTML với thụt lề và ngắt dòng thích hợp để dễ đọc
- Kích thước thụt lề tùy chỉnh (2 khoảng trắng, 4 khoảng trắng hoặc tab)
- Tùy chọn giữ chú thích trong quá trình nén
- So sánh kích thước tệp hiển thị tỷ lệ nén
- Xem trước HTML thời gian thực để kiểm tra kết quả ngay lập tức (An toàn)
Trường hợp sử dụng phổ biến
- Tối ưu hóa tệp HTML cho triển khai sản xuất để giảm thời gian tải trang
- Định dạng HTML đã nén hoặc đã nén để dễ debug và xem xét mã
- Dọn dẹp mã HTML với định dạng không nhất quán
- Giảm sử dụng băng thông bằng cách cung cấp HTML đã nén cho người dùng
Các điều chỉnh làm đẹp
Khi làm đẹp HTML, công cụ áp dụng các cải tiến định dạng sau:
- Thêm thụt lề phù hợp dựa trên cấp độ lồng nhau (có thể cấu hình: 2 khoảng trống, 4 khoảng trống hoặc tab)
- Chèn ngắt dòng sau các thẻ mở/đóng để cải thiện khả năng đọc
- Chuẩn hóa khoảng trắng giữa các phần tử trong khi bảo toàn nội dung văn bản
- Bảo toàn định dạng bên trong các thẻ pre, code và textarea
Các điều chỉnh nén
Khi nén HTML, công cụ thực hiện các tối ưu hóa sau:
- Loại bỏ tất cả khoảng trắng, ngắt dòng và thụt lề không cần thiết
- Loại bỏ chú thích HTML (tùy chọn: có thể bảo toàn với tùy chọn 'Bảo toàn chú thích')
- Rút gọn nhiều khoảng trắng liên tiếp thành một khoảng trắng
- Loại bỏ khoảng trắng xung quanh thẻ trong khi duy trì khoảng cách chức năng
- Bảo toàn khoảng trắng quan trọng trong pre, code, textarea và văn bản nội tuyến
Tác động dự kiến đến kích thước tệp
Thay đổi kích thước tệp điển hình dựa trên định dạng và nội dung gốc:
Công Cụ Liên Quan
Nén & Làm Đẹp CSS
Nén hoặc làm đẹp mã CSS, loại bỏ khoảng trắng và chú thích để tối ưu kích thước tệp, hoặc định dạng mã để dễ đọc
Nén & Làm Đẹp JavaScript
Nén hoặc làm đẹp mã JavaScript, loại bỏ khoảng trắng và chú thích để tối ưu kích thước tệp, hoặc định dạng mã để dễ đọc
Bộ Mã Hóa/Giải Mã HTML
Chuyển đổi ký tự đặc biệt thành thực thể HTML với định dạng tên, thập phân và thập lục phân để ngăn chặn tấn công XSS
Trình Định Dạng XML
Định dạng và xác thực dữ liệu XML với làm nổi bật cú pháp
Trình Định Dạng JSON
Định dạng và xác thực dữ liệu JSON để cải thiện khả năng đọc và gỡ lỗi
Kiểm Tra Văn Bản Khác Biệt
So sánh sự khác biệt giữa hai văn bản hoặc tệp với chế độ xem nổi bật song song