Định dạng HTML

Cách sử dụng

1. Dán HTML — đã nén, viết tay, hoặc copy từ một trang không hề căn lề.
2. Chọn độ rộng thụt lề và cột để ngắt các đoạn văn bản dài.
3. Bấm Định dạng HTML.
4. Sao chép kết quả, hoặc tải về thành file.

Tính năng

• Không bao giờ chèn dấu xuống dòng vào chỗ vốn không có khoảng trắng, vì trong HTML một dấu xuống dòng hiển thị thành khoảng trắng và sẽ làm đổi nội dung trang.
• Giữ nguyên nội dung của pre, textarea, script và style — đó là văn bản trình duyệt hiểu theo nghĩa đen, không phải mã đánh dấu.
• Xử lý được các thẻ đóng bị lược bỏ mà HTML cho phép: danh sách li viết thiếu thẻ đóng vẫn căn lề đúng thay vì trôi dần ra khỏi màn hình.
• Giữ các thẻ ngắn trên cùng một dòng, để một trang toàn tiêu đề và đoạn văn không dài gấp ba lần mức cần thiết.
• Dùng chung bộ quy tắc với công cụ nén HTML, nên định dạng rồi nén lại sẽ ra đúng thứ bạn có ban đầu.

Câu hỏi thường gặp

Định dạng HTML có làm đổi giao diện trang không?

Có thể, và đó chính là chỗ khó. Một dấu xuống dòng trong HTML hiển thị thành khoảng trắng, nên công cụ nào đẩy hai thẻ inline liền nhau xuống hai dòng là đã chèn thêm một khoảng trắng vốn không tồn tại — chữ "ab" biến thành "a b". Công cụ này chỉ ngắt dòng ở nơi vốn đã có khoảng trắng, hoặc cạnh các thẻ khối nơi khoảng trắng không được hiển thị, và đó là lý do một số dòng ở đây vẫn dài.

Vì sao dòng inline dài của tôi không được ngắt?

Vì trong đó không có chỗ nào ngắt được. Một chuỗi cả trăm thẻ span dính liền nhau không có điểm ngắt an toàn nào — ngắt ở đâu cũng thêm một khoảng trắng được hiển thị. Công cụ để nguyên trên một dòng thay vì âm thầm làm đổi nội dung trang.

Nó có định dạng cả JavaScript và CSS bên trong trang không?

Không. Nội dung script và style được sao chép nguyên vẹn. Đó là những ngôn ngữ khác với công cụ định dạng riêng, và việc căn lề mù quáng một template literal hay một chuỗi CSS chính là cách làm hỏng bản build. Công cụ chỉ sắp xếp phần HTML bao quanh chúng.

Các thẻ tôi không đóng thì sao?

Xử lý y như trình duyệt. HTML cho phép lược bỏ thẻ đóng ở nhiều chỗ, nên một thẻ li mới sẽ đóng thẻ li phía trên, một thẻ td mới đóng ô trước đó, và một thẻ p đóng thẻ p đang mở. Không có quy tắc này, một danh sách hoàn toàn hợp lệ sẽ thụt sâu thêm một cấp sau mỗi mục cho tới khi trôi khỏi trang.

Công cụ liên quan