CanDoYa
VI

Định dạng HTML trực tuyến miễn phí

Chạy hoàn toàn trên trình duyệt của bạn - không tải lên, không cần đăng ký.

HTML
HTML đã định dạng
Dán HTML để bắt đầu định dạng
Chia sẻ công cụ này

Định dạng HTML là gì và công cụ này làm gì?

Định dạng HTML là sắp xếp markup bị nén hoặc thụt lề lộn xộn thành mã dễ đọc, với khoảng lùi nhất quán. Dán tài liệu hay đoạn mã, chọn hai dấu cách, bốn dấu cách hoặc tab rồi sao chép kết quả. Công cụ hiểu void element của HTML5, các tag đóng thường được phép bỏ qua và phần raw text trong script hay style. Mọi thao tác đều diễn ra trong trình duyệt.

Cách dùng

  1. 1Dán HTML. Thêm tài liệu HTML đầy đủ, template hoặc đoạn mã vào ô nhập, hoặc tải ví dụ có sẵn.
  2. 2Chọn thụt lề. Chọn hai dấu cách, bốn dấu cách hoặc tab. Kết quả đã định dạng sẽ cập nhật ngay.
  3. 3Kiểm tra cấu trúc. Xem số phần tử, thuộc tính và độ sâu, sau đó rà lại kết quả đã thụt lề.
  4. 4Sao chép kết quả. Sao chép HTML đã định dạng sang editor, CMS hoặc phần code review.

Dành cho ai

Trình định dạng tập trung vào cấu trúc dễ đọc. Các phần tử lồng nhau được đặt đúng độ sâu, còn thuộc tính, comment, khai báo và nội dung văn bản vẫn hiện rõ. Công cụ không xóa comment hay nén dung lượng, vì vậy chức năng khác với HTML minifier. Markup được xử lý cục bộ và không bao giờ bị tải lên.

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

Trình định dạng HTML có miễn phí không?

Có. Công cụ được dùng miễn phí, không cần đăng ký, tải xuống hay lo giới hạn số lần. Chỉ cần dán tài liệu hoặc đoạn HTML, chọn kiểu thụt lề rồi sao chép kết quả ngay trong trình duyệt.

HTML của tôi có bị tải lên đâu không?

Không. Việc định dạng diễn ra cục bộ trong trình duyệt. HTML đã dán không được gửi tới máy chủ, nên có thể dùng cho template nội bộ, landing page chưa công bố, markup email và snippet chứa URL hoặc mã định danh riêng tư.

Tôi có thể định dạng bao nhiêu HTML?

Không có giới hạn cố định từ máy chủ vì dữ liệu không được tải lên. Tài liệu rất lớn còn phụ thuộc vào bộ nhớ của trình duyệt và thiết bị, nhưng trang, component, template email và đoạn source thông thường sẽ được xử lý nhanh.

Công cụ có xử lý tag không có tag đóng không?

Có. Công cụ nhận biết các void element HTML5 như img, br, input, meta và link vốn không cần tag đóng. Khi tính thụt lề, công cụ cũng xử lý tag kết thúc tùy chọn của mục danh sách, đoạn văn, option, hàng và ô trong bảng.

Nội dung script và style có bị thay đổi không?

Phần thân script và style được coi là raw text. Toán tử so sánh, CSS selector và chuỗi có dấu nhỏ hơn sẽ không bị nhầm thành tag HTML. Công cụ điều chỉnh thụt lề của cả khối nhưng không viết lại JavaScript hay CSS bên trong.

Công cụ có kiểm tra hoặc sửa HTML không hợp lệ không?

Không. Đây là trình định dạng, không phải validator theo tiêu chuẩn hay dịch vụ tự sửa lỗi. Công cụ báo rõ comment, khai báo, tag và raw-text element chưa đóng, đồng thời chấp nhận tag kết thúc tùy chọn hợp lệ trong HTML. Hãy dùng Nu HTML Checker khi cần kiểm tra tính tuân thủ.

Trình định dạng HTML khác minifier ở điểm nào?

Trình định dạng thêm xuống dòng và thụt lề để markup dễ đọc, dễ sửa. Minifier xóa khoảng trắng tùy chọn và có thể xóa comment để giảm dung lượng truyền. Trang này chỉ định dạng HTML, đồng thời chủ ý giữ lại comment và nội dung hiển thị.