Công cụ làm đẹp và định dạng HTML trực tuyến

Tính năng và giới hạn của công cụ

Công cụ này giúp bạn định dạng hoặc nén mã HTML một cách nhanh chóng, nhưng nó không phải là trình phân tích cú pháp HTML hoàn chỉnh. Nó sử dụng các quy tắc heuristic dựa trên thẻ, vì vậy hãy hiểu rõ các giới hạn sau:

Làm đẹp (Beautify)

Khi bạn chọn Beautify, công cụ sẽ tách văn bản tại ranh giới thẻ và thay đổi thụt lề khi gặp thẻ mở và thẻ đóng. Ví dụ, với mã <div><p>Xin chào</p></div>, kết quả sẽ là:

<div>
  <p>
    Xin chào
  </p>
</div>

Công cụ xử lý các thẻ void như br, hr, img, input, link và meta một cách đặc biệt, nhưng không xử lý an toàn cho script, style, template, văn bản định dạng sẵn, các thẻ void bất thường hoặc mã không hợp lệ.

Nén (Minify)

Chế độ Minify loại bỏ các chú thích HTML và khoảng trắng giữa dấu ngoặc nhọn đóng và mở tiếp theo. Nó giữ lại khoảng trắng thông thường bên trong các phần tử. Ví dụ, mã <div> <p>Xin chào</p> </div> sẽ trở thành <div><p>Xin chào</p></div>.

Xử lý cục bộ

Tất cả xử lý diễn ra ngay trong trình duyệt của bạn, không gửi dữ liệu lên máy chủ. Tuy nhiên, công cụ không làm sạch HTML, không xem trước, không xác thực khả năng truy cập, không sửa mã, không thực thi tập lệnh và không đảm bảo kết quả an toàn cho sản xuất. Hãy kiểm tra kỹ trước khi sử dụng.

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

Công cụ có xử lý được tất cả các thẻ HTML không?

Không. Công cụ sử dụng heuristic dựa trên thẻ, không phải trình phân tích cú pháp HTML. Nó xử lý tốt các thẻ thông thường, nhưng có thể không an toàn với các thẻ như script, style, template, văn bản định dạng sẵn hoặc mã không hợp lệ.

Tôi có thể dán bao nhiêu ký tự?

Bạn có thể dán tối đa 500.000 ký tự. Nếu vượt quá, có thể công cụ sẽ không hoạt động chính xác.

Kết quả có an toàn để sử dụng trong sản xuất không?

Công cụ không đảm bảo an toàn cho sản xuất. Nó không làm sạch HTML, không xác thực hoặc sửa mã. Bạn nên kiểm tra và thử nghiệm kết quả trước khi thay thế mã nguồn.

Danh sách kiểm tra trước khi sử dụng

• Kiểm tra mã HTML của bạn có hợp lệ không.
• Lưu ý các thẻ đặc biệt như pre, textarea có thể bị ảnh hưởng.
• Luôn sao lưu mã gốc trước khi thay thế.
• Kiểm tra kết quả sau khi định dạng hoặc nén.