Cách dùng Định dạng XML
- Dán XML vào hoặc mở tệp như
.xml,.rss,.svghoặc.plist. - Chọn thụt lề 2 khoảng trắng, 4 khoảng trắng hoặc tab.
- Nếu XML không well-formed, công cụ sẽ hiển thị lỗi và số dòng.
- Sao chép hoặc tải xuống kết quả đã định dạng.
Công cụ định dạng XML là gì?
Công cụ định dạng XML (hay pretty-print) sắp xếp lại thụt lề để mỗi phần tử nằm trên một dòng riêng và cấu trúc lồng nhau dễ nhìn thấy ngay. Đây là cách nhanh nhất để đọc phản hồi API, feed bị nén thành một dòng, sitemap được tạo tự động hoặc file cấu hình chỉ có một dòng dài.
<catalog><product id="KB-001"><name>Keyboard</name></product></catalog>thành
<catalog>
<product id="KB-001">
<name>Keyboard</name>
</product>
</catalog>Kiểm tra tính well-formed
Trước khi định dạng, tài liệu được phân tích bằng trình phân tích XML của trình duyệt. XML well-formed phải tuân theo một số quy tắc nghiêm ngặt, và vi phạm bất kỳ quy tắc nào sẽ tạo ra lỗi kèm số dòng:
- Chỉ có đúng một phần tử gốc.
- Mỗi thẻ mở có thẻ đóng tương ứng, hoặc là thẻ tự đóng (
<br/>), và các thẻ phải lồng nhau đúng thứ tự. - Giá trị thuộc tính phải được đặt trong dấu nháy, và không có thuộc tính nào xuất hiện hai lần trên cùng một phần tử.
&và<trong văn bản được escape thành&và<(hoặc đặt trong CDATA).- Tên phần tử phân biệt chữ hoa và chữ thường:
<Item>không được đóng bằng</item>.
Kiểm tra theo schema (XSD, DTD) là một bước riêng, dùng để xem phần tử nào được phép xuất hiện; well-formed là điều kiện tiên quyết cho bước này.
Quy tắc định dạng
Phần tử chỉ chứa văn bản sẽ giữ trên một dòng (<price>89.99</price>), phần tử rỗng được giữ gọn, còn các đoạn CDATA và processing instruction được giữ nguyên. Cần làm ngược lại? Công cụ nén XML sẽ xóa thụt lề. Đang làm việc với JSON? Hãy dùng công cụ định dạng JSON.
Cũng được tìm dưới tên: làm đẹp xml, xml formatter, kiểm tra xml online, format xml online, xml pretty print, xem xml online, thụt lề xml.
Các công cụ dùng kèm tốt với Định dạng XML
- Định dạng HTML — Dán mã HTML đã nén hoặc lộn xộn và nhận lại HTML được thụt lề rõ ràng, nhất quán — bao gồm cả các khối <style> và <script> nhúng bên trong.
- Kiểm tra Sitemap — Tìm và xác thực XML sitemap của bạn — số lượng URL, sitemap con trong sitemap index, độ phủ lastmod, URL trùng lặp và URL thuộc host khác — đồng thời kiểm tra xem các trang được liệt kê có thực sự trả về 200 hay không.
- Tối ưu SVG — Dọn dẹp các file SVG xuất từ Figma, Illustrator, Inkscape hoặc Sketch bằng SVGO, rồi xem trước trước/sau để chắc chắn icon vẫn hiển thị đúng.
- Định dạng CSS — Chuyển stylesheet đã nén thành CSS dễ đọc, mỗi thuộc tính một dòng và các khối @media được lồng đúng cấu trúc.