tool hub Bộ công cụ

HTML Formatter

HTML Formatter — chạy trên trình duyệt. Không lưu dữ liệu.

Chạy trên trình duyệt Không cần đăng ký Miễn phí


Thụt lề HTML

Áp thụt lề gần đúng theo thẻ.

Cách sử dụng

  1. Dán markup một dòng hoặc lộn xộn vào HTML.
  2. Bấm Định dạng và xem Kết quả, thụt hai khoảng mỗi cấp thẻ.
  3. Phần tử rỗng và chú thích không tăng độ sâu; giữ cấp dòng hiện tại.
  4. Sao chép kết quả lấy markup đã dọn.
  5. Đặt lại xóa đầu vào và kết quả cùng lúc.

Khái niệm chính

Bộ định dạng HTML tách thẻ thành token, tăng thụt khi mở và giảm khi đóng. Ảnh, xuống dòng, input, thẻ tự đóng, chú thích và khai báo được coi không có con nên không tăng độ sâu. Không phải parser HTML đầy đủ nên thẻ lệch vẫn được ngắt dòng gần đúng. Hữu ích khi bung snippet component đã nén. Nút văn bản được cắt khoảng rồi căn theo độ sâu hiện tại, nên ghi chú giữa thẻ cũng nằm một dòng.

Khoảng giữa thẻ bị gộp rồi tách lại, nên khoảng có chủ đích giữa phần tử nội dòng có thể co. Không sắp thuộc tính hay chuẩn hóa ngoặc kép — chỉ thụt. Chạy trong trình duyệt; markup không gửi máy chủ. Bước tốt trước trình kiểm, hoặc dọn bảng xuất từ Excel. Kết quả sao chép dễ quét trong trình soạn và ghép với xem trước.

Ví dụ

Định dạng <div><p>hello</p></div>: dòng sau mở div là p thụt hai khoảng, rồi hello sâu hơn một cấp. Thẻ rỗng như img không đẩy anh em tiếp theo sâu hơn. Sao chép kết quả vào trình soạn.

Liên quan: Định dạng XML · Kiểm HTML · Trình soạn HTML

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

Bộ định dạng HTML có thụt markup sai không?

Có. Không chặn lỗi; chỉ căn dòng theo token thẻ, nên mảnh chưa đóng vẫn ra kết quả.

Thẻ rỗng như img xử lý thế nào?

Phần tử rỗng, thẻ tự đóng và chú thích được coi không có con, nên độ sâu anh em tiếp theo không tăng.

Khoảng nội dòng có mất sau định dạng không?

Khoảng giữa thẻ bị gộp trước, nên khe giữa phần tử nội dòng có thể co. Markup nhạy layout nên kiểm lại.

Thuộc tính có sắp alphabet không?

Không. Chỉ thêm thụt và xuống dòng. Thứ tự và giá trị thuộc tính giữ nguyên.

Markup có gửi máy chủ không?

Không. Định dạng và sao chép chỉ trong trình duyệt. Không có nút tải lên.

Sao chép kết quả lấy ô nào?

Chỉ ô kết quả chỉ đọc. Đầu vào trống và chưa định dạng thì không có gì để sao chép.

HTML Formatter ảnh đại diện
Dữ liệu không được gửi lên máy chủ và sẽ mất khi bạn đóng trang.

Cập nhật lần cuối: 2026-09-04