Đây là một công cụ Nén / Làm Đẹp CSS hoàn toàn miễn phí giúp bạn nén tệp tin mọi lúc mọi nơi
alert-icon Trường nhập liệu trống

alert-icon Trường nhập liệu trống

Nén / Format HTML

Công cụ định dạng HTML trực tuyến miễn phí. Định dạng ngay lập tức mã HTML bị nén hoặc lộn xộn với thụt đầu dòng chuẩn, căn chỉnh thẻ và sắp xếp thuộc tính. Xử lý phía máy khách — mã của bạn không bao giờ rời khỏi trình duyệt.

Nén / Format HTML
Mẫu HTML cóa sẵn [+]
delete-icon

hoặc, kéo thả tệp vào đây

clear Xóa copy Sao chép download Tải xuống

HTML Minifier

Select: Tất cả, Bỏ chọn, Cài lại
×
  • Xử lý các thuộc tính theo kiểu phân biệt chữ hoa chữ thường (hữu ích cho các thẻ HTML tùy chỉnh)
  • Loại bỏ các giá trị thuộc tính khỏi các thuộc tính boolean
  • Không để khoảng trống giữa các phần tử display:inline; khi nén. Phải được sử dụng kết hợp với collapseWhitespace=true
  • Thu gọn khoảng trắng góp phần tạo nên các nút văn bản trong cây tài liệu.
  • Luôn thu gọn thành 1 khoảng trắng (không bao giờ xóa hoàn toàn). Phải được sử dụng kết hợp với collapseWhitespace=true
  • Hãy sử dụng trực tiếp các ký tự Unicode bất cứ khi nào có thể.
  • Phân tích dữ liệu đầu vào theo tiêu chuẩn HTML5.
  • Chèn các thẻ được tạo bởi trình phân tích cú pháp HTML.
  • Giữ nguyên dấu gạch chéo cuối cùng trên các phần tử đơn lẻ.
  • Chỉ định độ dài dòng tối đa. Đầu ra được nén sẽ được tách bằng dấu xuống dòng tại các điểm tách HTML hợp lệ. điểm tách
  • Nén CSS trong các phần tử kiểu và thuộc tính kiểu (sử dụng clean-css)
  • Nén mã JavaScript trong các phần tử script và thuộc tính sự kiện (sử dụng UglifyJS)
  • Rút gọn URL trong các thuộc tính khác nhau (sử dụng relateurl)
  • Luôn thu gọn thành 1 dấu xuống dòng (không bao giờ xóa hoàn toàn) khi khoảng trắng giữa các thẻ bao gồm dấu xuống dòng. Phải được sử dụng kết hợp với collapseWhitespace=true
  • Chặn thoát các giá trị của thuộc tính.
  • Xử lý nội dung của các bình luận có điều kiện thông qua công cụ nén.
  • Chuỗi phân tách bằng dấu phẩy tương ứng với các loại phần tử kịch bản cần xử lý thông qua trình thu nhỏ (ví dụ: text/ng-template, text/x-handlebars-template)
  • Loại trích dẫn cần sử dụng cho các giá trị thuộc tính (' or ")
  • Nếu có thể, hãy loại bỏ dấu ngoặc kép xung quanh các thuộc tính.
  • Loại bỏ chú thích HTML
  • Xóa tất cả các thuộc tính chỉ chứa giá trị khoảng trắng.
  • Xóa tất cả các phần tử có nội dung trống.
  • Xóa các thuộc tính khi giá trị trùng khớp với giá trị mặc định.
  • Xóa thẻ type="text/javascript"khỏi thẻ script. Các giá trị thuộc tính type khác được giữ nguyên.
  • Xóa thuộc tính type="text/css" khỏi thẻ stylelink. Các giá trị thuộc tính type khác được giữ nguyên.
  • Hãy loại bỏ khoảng trắng giữa các thuộc tính bất cứ khi nào có thể. Lưu ý rằng điều này sẽ dẫn đến HTML không hợp lệ!
  • Sắp xếp các thuộc tính theo tần suất
  • Sắp xếp các lớp kiểu theo tần suất
  • Cắt bỏ khoảng trắng xung quanh ignoreCustomFragments.
  • Thay thế thẻ `doctype` bằng thẻ `doctype` viết tắt (HTML5).
Other Tools