Công cụ Làm đẹp & Thu gọn HTML

Thụt lề lại mã HTML lộn xộn để dễ đọc, hoặc thu gọn để tối ưu hóa dung lượng — đi kèm tính năng kiểm tra tùy chọn cho các thẻ bị lỗi.

Thụt lề
Xác thực
Dán hoặc nhập HTML để định dạng, thu gọn hoặc kiểm tra.

HTML của bạn được định dạng, thu gọn và kiểm tra ngay trong trình duyệt. Không có dữ liệu nào được tải lên BroBroGo.

Hỏi đáp

Sự khác biệt giữa làm đẹp (beautify) và thu gọn (minify) là gì?

Làm đẹp (Beautify) sẽ thụt lề và giãn cách lại mã nguồn để dễ đọc và chỉnh sửa hơn. Thu gọn (Minify) thì ngược lại — nó loại bỏ các khoảng trắng và chú thích mà trình duyệt không cần đến, giúp tệp nhỏ hơn và tải nhanh hơn. Hãy làm đẹp khi bạn làm việc và thu gọn trước khi xuất bản.

Bật tính năng xác thực sẽ kiểm tra những gì?

Nó sẽ gắn cờ các vấn đề về cấu trúc mà trình duyệt thường tự động bỏ qua — chẳng hạn như các thẻ chưa đóng hoặc không khớp, trùng lặp ID, lặp lại thuộc tính và các ký tự chưa được escape — kèm theo thông tin dòng và cột của từng lỗi. Đây là một bước kiểm tra cấu trúc nhanh, không phải là báo cáo tuân thủ W3C đầy đủ.

Việc thu gọn có làm thay đổi giao diện trang web của tôi không?

Không — trang của bạn sẽ hiển thị và hoạt động hoàn toàn giống như cũ. Việc thu gọn sẽ loại bỏ khoảng trắng và chú thích, nén CSS và JavaScript nội tuyến, đồng thời bỏ các dấu ngoặc kép thuộc tính không bắt buộc, chỉ giữ lại những gì trình duyệt cần để hiển thị trang một cách giống hệt. Các văn bản nhạy cảm với khoảng trắng như các khối được định dạng trước (preformatted) sẽ được giữ nguyên.