HTML Formatter

Giới thiệu về HTML Formatter

Định dạng và làm đẹp mã HTML của bạn để dễ đọc hơn. Công cụ trực tuyến miễn phí này giúp bạn thụt lề và định dạng mã HTML lộn xộn một cách hợp lý.

Thụt lề và sắp xếp markup HTML để phần tử lồng, thuộc tính, text node, comment và khối nhúng dễ kiểm tra hơn.

Tính năng chính

• Mục đích định dạng Thụt lề và sắp xếp markup HTML để phần tử lồng, thuộc tính, text node, comment và khối nhúng dễ kiểm tra hơn.
• Mã nguồn hỗ trợ Dán tài liệu HTML hoàn chỉnh hoặc đoạn chứa tag, thuộc tính, văn bản nội tuyến, template, style hoặc script.
• Tùy chọn trình bày Cấu hình thụt lề, xuống dòng và giới hạn dòng mà bộ định dạng cung cấp.
• Kết quả định dạng Đầu ra làm rõ cấu trúc phân cấp giống DOM mà không chủ ý đổi tên phần tử hay giá trị thuộc tính.

Cách sử dụng HTML Formatter

Thực hiện quy trình sau để xử lý markup HTML an toàn và chính xác.

1. Dán markup HTML Dán tài liệu HTML hoàn chỉnh hoặc đoạn chứa tag, thuộc tính, văn bản nội tuyến, template, style hoặc script.
2. Chọn quy tắc định dạng Cấu hình thụt lề, xuống dòng và giới hạn dòng mà bộ định dạng cung cấp.
3. Định dạng mã nguồn Chạy formatter sau khi markup HTML được parser đọc thành công. Công cụ áp dụng quy tắc trình bày mà không chủ ý đổi cấu trúc đã phân tích.
4. Kiểm tra và sao chép Đầu ra làm rõ cấu trúc phân cấp giống DOM mà không chủ ý đổi tên phần tử hay giá trị thuộc tính.

Lưu ý khi sử dụng

• Kiểm tra ngữ nghĩa và accessibility riêng; markup đẹp chưa chắc là markup đúng.
• Rà soát nội dung inline nhạy với khoảng trắng, pre, textarea và biểu thức template sau khi định dạng.
• Không dùng định dạng thay cho làm sạch HTML khi nội dung đến từ người dùng không tin cậy.

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