Định dạng HTML
Làm đẹp HTML với thụt lề nhận biết khối, hoặc thu gọn nó. Nội dung của pre, textarea, script và style được giữ nguyên.
Cách dùng Định dạng HTML
- 01
Dán HTML của bạn vào ô đầu vào.
- 02
Chọn Làm đẹp để thụt lề hoặc Thu gọn để nén.
- 03
Chọn kích thước thụt lề, rồi sao chép kết quả.
Bộ định dạng HTML làm gì
Đây là bộ định dạng HTML làm đẹp phần đánh dấu với cách thụt lề nhận biết phần tử khối và phần tử nội dòng, hoặc nén nó bằng cách gộp khoảng trắng và bỏ chú thích. Bạn chọn mức thụt lề khi làm đẹp.
Việc làm đẹp thụt lề các phần tử theo cách chúng lồng nhau, nên cấu trúc của tài liệu, tức phần tử nào chứa phần tử nào, hiện ra rõ ràng. Điều đó khiến HTML viết tay hay do máy sinh ra dễ đọc và dễ gỡ lỗi hơn nhiều.
Cả việc làm đẹp lẫn việc nén đều chạy hoàn toàn trong trình duyệt của bạn, nên phần đánh dấu không bao giờ rời khỏi thiết bị.
Những phần tử nó không đụng tới
Nó cố ý giữ nguyên nội dung bên trong pre, textarea, script và style, vì khoảng trắng trong những phần tử đó là có ý nghĩa: định dạng lại chúng sẽ làm đổi văn bản đã định dạng sẵn, đổi thứ người dùng gõ vào, hay đổi ý nghĩa mã của bạn.
Việc nén hoạt động thế nào
Nén bỏ đi chú thích và gộp các chuỗi khoảng trắng, nhờ đó giảm dung lượng mà trình duyệt phải tải. Nó hữu ích nhất khi dùng như một bước dựng cho các trang chạy thật.
Vì sao nó giữ một dấu cách giữa các thẻ
Bộ nén giữ lại một dấu cách giữa các thẻ thay vì bỏ hẳn, vì khoảng trắng giữa các phần tử nội dòng thực sự được hiển thị, và bỏ đi có thể làm xê dịch bố cục của bạn. Sự cẩn trọng này tránh những lỗi hiển thị tinh vi mà các bộ nén quá tay có thể gây ra.
Câu hỏi thường gặp
Làm đẹp HTML làm gì?
Nó thụt lề các phần tử dựa trên cách lồng nhau và cấu trúc của chúng, đồng thời để nguyên nội dung của pre, textarea, script và style, vì khoảng trắng ở đó có ý nghĩa.
Thu gọn HTML hoạt động như thế nào?
Nó loại bỏ chú thích và gộp các chuỗi khoảng trắng thành một dấu cách. Nó giữ một dấu cách giữa các thẻ thay vì loại bỏ chúng, vì khoảng trắng giữa các phần tử nội tuyến được hiển thị và bỏ nó đi có thể làm dịch chuyển bố cục.
HTML của tôi có được gửi đến máy chủ không?
Không. Cả Làm đẹp và Thu gọn đều chạy hoàn toàn trong trình duyệt của bạn, nên mã đánh dấu của bạn không bao giờ rời khỏi thiết bị.