Beautify/Nén HTML

Định dạng HTML cho dễ đọc (beautify) hoặc nén gọn (minify) khi cần tối ưu tải trang, giữ nguyên nội dung và ký tự tiếng Việt.

📌 Cách sử dụng

Dán HTML hoặc snippet cần định dạng vào ô nhập liệu.

Chọn Beautify để làm đẹp, thêm thụt đầu dòng; chọn Minify để nén gọn khi đưa lên production.

Điều chỉnh số khoảng trắng thụt đầu dòng cho chế độ Beautify.

Với Minify, có thể xóa comments và gom khoảng trắng giữa thẻ.

Nhấn "Thực hiện" hoặc Ctrl+Enter để xem kết quả, dùng "Sao chép" để copy nhanh.

❓ Lưu ý

Beautify ưu tiên dễ đọc, không thay đổi nội dung thẻ.

Minify sẽ gom khoảng trắng; nếu HTML có phụ thuộc vào khoảng trắng hiển thị đặc biệt, cân nhắc tắt tùy chọn gom whitespace.

Công cụ hoạt động client-side, không gửi HTML ra ngoài.

Ký tự tiếng Việt và Unicode được giữ nguyên.

Nếu HTML có thẻ tự đóng (br, img, meta...), trình định dạng vẫn giữ nguyên.

ℹ️ Về công cụ

Hỗ trợ hai chế độ: Beautify để đọc/debug, Minify để tối ưu tải trang hoặc nhúng script/template.

Thống kê giúp so sánh độ dài trước/sau khi xử lý.

Cho phép bật/tắt xóa comments và gom whitespace để tránh ảnh hưởng phần cần giữ nguyên.

🧪 Ví dụ

HTML gốc: <ul> <li>Sản phẩm</li> <li>Giá</li> </ul>

Beautify (2 spaces):

<ul>
<li>Sản phẩm</li>
<li>Giá</li>
</ul>

Minify: <ul><li>Sản phẩm</li><li>Giá</li></ul>

Tiện ích liên quan

Tạo File Robots.txt

Tạo File Robots.txt

Tạo file robots.txt chuẩn SEO với các quy tắc Allow/Disallow, User-agent, Sitemap và nhiều tùy chọn khác.
Kiểm Tra XML Sitemap

Kiểm Tra XML Sitemap

Xác minh website có cấu hình XML sitemap đúng chuẩn để giúp công cụ tìm kiếm dễ dàng crawl và index.
Tạo URL chuẩn SEO

Tạo URL chuẩn SEO

Chuyển tiêu đề thành đường dẫn URL sạch, thân thiện SEO.
Hướng Dẫn Kích Thước Hình Ảnh

Hướng Dẫn Kích Thước Hình Ảnh

Tra cứu kích thước hình ảnh chuẩn cho tất cả nền tảng mạng xã hội và web - Cập nhật 2025.
Tạo Schema Markup (JSON-LD)

Tạo Schema Markup (JSON-LD)

Tạo mã Schema Markup (Structured Data) theo chuẩn Schema.org dạng JSON-LD cho website, giúp Google hiểu nội dung và hiển thị Rich Snippets.
Phát Hiện Ký Tự Ẩn

Phát Hiện Ký Tự Ẩn

Tìm và xóa các ký tự Unicode ẩn trong văn bản. Các LLM như ChatGPT có thể chèn ký tự ẩn như Em-Dash, Zero Width Space vào văn bản. Công