Làm đẹp & rút gọn HTML - Định dạng HTML trực tuyến miễn phí

Dán bất kỳ HTML nào — kể cả kết quả rút gọn một dòng từ quy trình build — và công cụ sẽ định dạng lại với thụt lề đúng chuẩn, mỗi thẻ một dòng và khoảng trắng nhất quán. Chọn thụt lề 2, 4 hoặc 8 khoảng trắng. Kết quả sẵn sàng để dán vào trình chỉnh sửa của bạn hoặc vào bình luận review code.

Prettify mở rộng HTML để dễ đọc: mỗi thẻ trên một dòng riêng, các phần tử con lồng nhau được thụt lề, các dòng trống giữa các phần được giữ nguyên. Minify loại bỏ chú thích, gộp các chuỗi khoảng trắng và xóa dấu xuống dòng để tệp nhỏ gọn hơn. Dùng prettify để chỉnh sửa và rà soát, dùng minify để triển khai sản phẩm.

Không — js-beautify (công cụ vận hành bên trong) phát hiện các khối script và style rồi định dạng nội dung của chúng theo đúng quy tắc JS hoặc CSS, nên các script inline vẫn hợp lệ và stylesheet vẫn dễ đọc. Các thẻ tự đóng, phần tử rỗng và thuộc tính có namespace (svg:xmlns, xlink:href) đều được xử lý chính xác.

Công cụ xử lý tốt HTML thuần và các mẫu giống HTML, nhưng JSX thuần túy (biểu thức trong dấu ngoặc nhọn, fragment, thẻ component viết hoa) sẽ được phân tích như HTML và có thể gặp một vài lỗi hình thức nhỏ. Đối với mã đặc thù theo framework, chúng tôi khuyên dùng Prettier được cấu hình cho dialect của bạn; còn với HTML thô, tệp .htm và tệp mẫu thì công cụ của chúng tôi là hoàn hảo.

Không có quá trình tải lên nào. Trình định dạng chạy hoàn toàn trong trình duyệt của bạn bằng js-beautify, nên bạn có thể yên tâm dán các mẫu trang nội bộ, email nháp hoặc HTML chứa dữ liệu riêng tư mà không có gì rời khỏi thiết bị của bạn.

Nén gọn loại bỏ chú thích HTML, gộp mọi khoảng trắng giữa các thẻ thành một dấu cách và xóa các dấu xuống dòng. Kết quả là HTML hiển thị y hệt từng byte nhưng thường nhỏ hơn 10-30%. Kết hợp với gzip trên máy chủ, cách này giảm đáng kể dung lượng trang ban đầu trên các trang nhiều nội dung.

Có — nhấp Tải xuống để lưu kết quả đã làm đẹp thành output.html hoặc kết quả đã thu gọn thành output.min.html. Tệp được mã hóa UTF-8 nên hoạt động tốt như nhau với nội dung tiếng Anh, Kirin, CJK và ngôn ngữ viết từ phải sang trái.

Đây là một tiện ích nhỏ chỉ chạy trên trình duyệt — không tốn chi phí lưu trữ — nên chúng tôi cung cấp miễn phí như một phần trong bộ công cụ dành cho nhà phát triển. Không quảng cáo, không theo dõi đầu ra, không giới hạn dung lượng tệp ngoài mức bộ nhớ mà trình duyệt của bạn có thể chứa.