Trình định dạng HTML
Định dạng HTML dễ đọc trong khi giữ nguyên phần tử, thuộc tính, văn bản, chú thích và cấu trúc tài liệu.
Make HTML structure easier to inspect
HTML nén có thể che giấu cấu trúc lồng nhau, thuộc tính, văn bản và chú thích trên một dòng. Công cụ này hiển thị markup dễ kiểm tra.
Định dạng chỉ đổi cách trình bày, không chứng minh HTML hợp lệ, dễ tiếp cận, an toàn hay tương thích trình duyệt. Hãy giữ nguồn và diff.
Dùng mẫu có phần tử lồng nhau, thuộc tính, văn bản, chú thích và entity rồi chạy các kiểm tra cần thiết.
Formatting is not HTML validation
HTML là cây gồm phần tử, thuộc tính, văn bản, chú thích và khai báo. Thụt lề làm quan hệ cha con và thẻ đóng rõ hơn.
Formatter sắp xếp khoảng trắng nhưng không xác nhận tiêu chuẩn, accessibility, security, template hay hành vi ứng dụng.
Trình duyệt có thể khôi phục markup lỗi khác nhau; hãy kiểm tra phần tử void, tag tùy chọn, script, style và entity.
How to format HTML
- Dán tài liệu HTML đầy đủ hoặc fragment được hỗ trợ.
- Kiểm tra nesting, tag, thuộc tính, văn bản, chú thích, script và style.
- So sánh giá trị, entity, văn bản và thứ tự với nguồn.
- Chạy validator HTML, accessibility, template và browser tests.
- Xóa credential và dữ liệu cá nhân khỏi mẫu.
Formatting method
- Đọc phần tử,
Đọc phần tử, thuộc tính, văn bản, chú thích, khai báo và vùng nhúng.
- Thêm xuống dòng
Thêm xuống dòng và thụt lề để thấy nesting và thứ tự anh em.
- Giữ giá trị,
Giữ giá trị, văn bản, chú thích, entity, script và style theo nguồn.
Khôi phục parser, tag tùy chọn, whitespace, ngôn ngữ nhúng và lỗi chính xác cần kiểm tra bằng engine thật.
Read the formatted result
Kết quả thành công là HTML được sắp xếp dễ đọc. Đối chiếu cấu trúc, thuộc tính, văn bản, chú thích, entity và script với nguồn.
Lỗi không chứng minh cách trình duyệt khôi phục hay thông báo parser cụ thể.
Lỗi validator, accessibility hoặc build là hợp đồng khác; định dạng không thêm semantics hay security.
Lỗi thường gặp
Coi thụt lề là validation có thể che thuộc tính thiếu, nesting sai hoặc vấn đề accessibility.
Đổi entity, thuộc tính hoặc văn bản nhạy whitespace có thể đổi hành vi.
Đừng giả định browser recovery giống formatter.
Không dán template riêng, token hay dữ liệu người dùng.
Giới hạn và trường hợp đặc biệt
Chức năng là định dạng trình bày HTML; không đảm bảo tiêu chuẩn, accessibility, security, compatibility, template hay minify.
Tag tùy chọn, void element, CSS, JavaScript, entity và tài liệu lớn cần thử bằng công cụ đích.
Không dán markup sản xuất bí mật nếu chính sách không cho phép.
Examples
Định dạng có kiểm tra HTML không?
Định dạng có kiểm tra HTML không?
Dán tài liệu HTML đầy đủ hoặc fragment được hỗ trợ.
Kết quả thành công là HTML được sắp xếp dễ đọc. Đối chiếu cấu trúc, thuộc tính, văn bản, chú thích, entity và script với nguồn.
Hành vi trang có đổi không?
Hành vi trang có đổi không?
Kiểm tra nesting, tag, thuộc tính, văn bản, chú thích, script và style.
Lỗi không chứng minh cách trình duyệt khôi phục hay thông báo parser cụ thể.
Thuộc tính có giữ không?
Thuộc tính có giữ không?
So sánh giá trị, entity, văn bản và thứ tự với nguồn.
Lỗi validator, accessibility hoặc build là hợp đồng khác; định dạng không thêm semantics hay security.
Chú thích có giữ không?
Chú thích có giữ không?
Chạy validator HTML, accessibility, template và browser tests.
Kết quả thành công là HTML được sắp xếp dễ đọc. Đối chiếu cấu trúc, thuộc tính, văn bản, chú thích, entity và script với nguồn.
Có thể định dạng fragment không?
Có thể định dạng fragment không?
Xóa credential và dữ liệu cá nhân khỏi mẫu.
Lỗi không chứng minh cách trình duyệt khôi phục hay thông báo parser cụ thể.
Định dạng có cải thiện accessibility không?
Định dạng có cải thiện accessibility không?
Dán tài liệu HTML đầy đủ hoặc fragment được hỗ trợ.
Lỗi validator, accessibility hoặc build là hợp đồng khác; định dạng không thêm semantics hay security.
Frequently asked questions
Định dạng có kiểm tra HTML không?
Không. Dùng HTML validator, accessibility, browser và template tests.
Hành vi trang có đổi không?
Với input hỗ trợ chỉ whitespace trình bày đổi, nhưng hãy so sánh và thử.
Thuộc tính có giữ không?
Ví dụ giữ tên và giá trị; kiểm tra URL, class, id bằng diff.
Chú thích có giữ không?
Ví dụ giữ chú thích; xác nhận với input thật.
Có thể định dạng fragment không?
Dùng tài liệu đầy đủ hoặc fragment được hỗ trợ.
Định dạng có cải thiện accessibility không?
Không. Semantics, focus, contrast và ARIA cần kiểm tra riêng.
HTML lỗi có được sửa không?
Đừng giả định tự sửa; sửa nguồn và xác thực.
Sau khi định dạng cần làm gì?
Xem diff, chạy validator và accessibility, rồi render trên browser đích.