Định dạng và rút gọn HTML
Sắp xếp HTML thành mã gọn gàng, thụt lề rõ ràng, hoặc thu nhỏ cho trang web chạy thật.
Dán HTML, mở file .html hoặc kéo thả vào đây
Tiếp theo: Định dạng và rút gọn CSS · Định dạng và rút gọn JavaScript
Cách sử dụng Định dạng HTML
Dán HTML của bạn
Dán cả trang hoặc một đoạn mã, hoặc mở hay kéo thả một file .html. Mã được định dạng ngay khi bạn gõ.
Làm đẹp hoặc rút gọn
Làm đẹp thụt lề từng thẻ bằng 2 hoặc 4 dấu cách hay một tab. Rút gọn xóa chú thích và các dấu cách không hiển thị.
Sao chép hoặc tải xuống
Sao chép kết quả, hoặc tải xuống dưới dạng file .html. Khi rút gọn, bạn sẽ thấy tiết kiệm được bao nhiêu byte.
Tại sao nên dùng Utils365
Rút gọn an toàn
Nội dung bên trong <pre>, <textarea>, <script> và <style> không bao giờ bị động đến, và một dấu cách được giữ giữa các thẻ inline, nên trang trông vẫn như cũ.
Mã dễ đọc
Mỗi cấp thẻ lồng nhau được thụt vào một bậc, nên một trang bị dồn trên một dòng trở nên dễ đọc và dễ sửa.
Thấy rõ mức tiết kiệm
Kích thước trước và sau, cùng phần trăm tiết kiệm được, hiện ra ngay khi bạn rút gọn.
Riêng tư ngay từ thiết kế
HTML được định dạng ngay trên trình duyệt và không bao giờ bị tải lên, nên các trang và template chưa phát hành vẫn ở lại với bạn.
Các câu hỏi thường gặp
Trình rút gọn HTML xóa những gì?
Chú thích, ngắt dòng, thụt lề và dấu cách giữa các thẻ mà trình duyệt không hiển thị. Chú thích điều kiện của Internet Explorer cũ được giữ lại vì chúng vẫn có tác dụng.
Rút gọn có làm thay đổi giao diện trang không?
Không nên như vậy. Khoảng trắng cạnh các phần tử khối như <div> và <p> không bao giờ hiển thị nên được xóa. Giữa các phần tử inline như liên kết và nút, một dấu cách được giữ lại vì ở đó nó hiển thị.
Script và style của tôi có bị thay đổi không?
Không. Nội dung của <script> và <style> giữ nguyên như đã viết. Để thu nhỏ chúng, hãy dùng công cụ định dạng JavaScript và CSS.
Vì sao <pre> được giữ nguyên?
Bên trong <pre> và <textarea>, mọi dấu cách và ngắt dòng đều hiển thị trên trang, nên xóa bất kỳ ký tự nào cũng sẽ thay đổi những gì người xem thấy.
Công cụ có sửa HTML bị lỗi không?
Không. Công cụ chỉ thay đổi bố cục, không thay đổi thẻ. Thẻ đóng bị thiếu vẫn thiếu, nên hãy kiểm tra thụt lề: một thẻ không bao giờ đóng sẽ đẩy mọi thứ phía sau vào thêm một cấp.