Làm cách nào để thụt lề HTML lộn xộn?

Dán HTML của bạn với chế độ Định dạng được chọn, sau đó đặt Thụt lề thành 2 dấu cách, 4 dấu cách hoặc Tab. Đầu ra cập nhật khi bạn nhập và bạn có thể sao chép hoặc tải xuống tệp .html. Tải ví dụ hiển thị một mẫu.

Nó có thể ngắt dòng dài hoặc định dạng CSS và JavaScript nội tuyến không?

Được. Ngắt dòng cung cấp tùy chọn Không ngắt dòng, 80 cột hoặc 120 cột, và tùy chọn Định dạng thẻ style và script cũng định dạng CSS và JavaScript bên trong các khối đó. Nội dung trong pre và textarea được giữ nguyên như đã viết.

Làm cách nào để nén HTML cho môi trường production?

Chọn Nén. Khoảng trắng giữa các thẻ được thu gọn và chú thích bị xóa trừ khi bạn chọn Giữ chú thích. Các hộp kiểm tùy chọn là Bỏ dấu nháy không bắt buộc, Rút gọn thuộc tính boolean và nén các khối style, script và thuộc tính style nhúng.

Việc nén có làm hỏng các khối pre hoặc script của tôi không?

Nội dung của pre, script, style và textarea được bảo vệ trong quá trình thu gọn khoảng trắng, và một khoảng trắng được giữ lại giữa các phần tử nội tuyến liền kề để các từ không bị dính vào nhau. Việc nén nhúng tùy chọn chỉ áp dụng nếu bạn chọn nó.

HTML của tôi có được gửi đến máy chủ không?

Không. Một bộ phân tích cú pháp được tích hợp trong trang sẽ xử lý mã đánh dấu trong trình duyệt của bạn, vì vậy các mẫu riêng tư và HTML email ở lại trên thiết bị của bạn. Không có thư viện định dạng bên thứ ba nào được tải.

Có thật sự miễn phí không?

Có. Mọi công cụ đều miễn phí sử dụng, không cần tài khoản hay thẻ tín dụng. Công việc được thực hiện trên thiết bị của bạn thay vì máy chủ của chúng tôi, đó là điều giúp công cụ luôn miễn phí.

Có hoạt động trên di động không?

Có. Công cụ chạy trên các trình duyệt di động hiện nay của iOS và Android, không cần cài đặt gì.

🌐

Định Dạng & Nén HTML miễn phí

In đẹp hoặc nén HTML với thụt lề lồng nhau chuẩn. Giữ nguyên nội dung bên trong các khối <pre>, <script>, <style>.

Chạy trên trình duyệtKhông đăng ký, không pop-upKhông cần đăng nhậpMiễn phí mãi mãi

Hoạt động ngoại tuyến sau khi tải

Thụt lề:

Ngắt dòng:

Định dạng <style> và <script>

Thả tệp vào đây hoặc nhấp để chọn

HTML, HTM · được xử lý trên thiết bị của bạn

hoặc nhấn Ctrl+V để dán từ bảng nhớ tạm

Duyệt tệp

Đầu vào HTML

HTML đã định dạng

Kết quả sẽ hiển thị tại đây…

Công dụng phổ biến

Gỡ Lỗi HTML Được Kết Xuất Máy ChủXem đầu ra HTML thô từ máy chủ (PHP, Rails, Django, Node) ở định dạng thụt lề có thể đọc được.
Định Dạng Mẫu HTML EmailHTML email là dài dòng (bảng, kiểu nội tuyến). Định dạng để làm cho nó có thể chỉnh sửa và bảo trì được.
Định Dạng Các Trang HTML TĩnhCác tệp HTML tĩnh được chỉnh sửa thủ công được hưởng lợi từ định dạng nhất quán để chỉnh sửa cộng tác.
Dọn Sạch HTML Được Xuất CMSWordPress, Wix, Squarespace xuất HTML với rất nhiều hiện vật. Định dạng để làm cho nó có thể chỉnh sửa được.
Làm Nhỏ Gọn HTML cho Sản XuấtGiảm kích thước tệp HTML để tải trang nhanh hơn bằng cách tước khoảng trắng và ký tự không cần thiết.

Cách hoạt động

Công cụ này định dạng hoặc nén HTML bằng bộ tách token nhận biết thẻ tự viết tích hợp trực tiếp trong trang — không thư viện định dạng bên thứ ba, không gọi máy chủ. Mọi ký tự trong mã của bạn được xử lý cục bộ trong trình duyệt ngay khi bạn gõ hoặc dán.

1
Bộ tách token quét mã
Một bộ quét từng ký tự tùy chỉnh duyệt chuỗi HTML, nhận diện chú thích, khai báo DOCTYPE, thẻ mở, thẻ đóng, phần tử rỗng tự đóng (br, img, input, v.v.) và nút văn bản thô. Một hàm trợ giúp riêng theo dõi giá trị thuộc tính trong dấu nháy để các ký tự như > bên trong thuộc tính (ví dụ value="a>b") không bao giờ làm thẻ bị tách sớm.
2
Độ sâu thụt lề được theo dõi theo từng thẻ
Ở chế độ làm đẹp, bộ tách token duy trì bộ đếm độ sâu. Thẻ mở cấp khối tăng độ sâu; thẻ đóng giảm độ sâu trước khi được ghi. Phần tử nội tuyến (span, a, strong, em, v.v.) được giữ trên cùng dòng với nội dung thay vì đẩy sang dòng thụt lề riêng. Các thẻ như pre, script, style và textarea được xuất nội dung bên trong nguyên văn để không làm hỏng mã thực thi hoặc nhạy cảm với khoảng trắng.
3
Bộ thu gọn gộp khoảng trắng an toàn
Ở chế độ thu gọn, nội dung các khối pre, script, style và textarea được thay bằng các dấu giữ chỗ đánh số trước khi gộp khoảng trắng. Chú thích HTML bị loại bỏ, và các chuỗi khoảng trắng giữa các thẻ bị xóa — trừ giữa các phần tử nội tuyến liền kề, nơi một dấu cách được giữ lại để các từ không dính vào nhau. Các dấu giữ chỗ sau đó được khôi phục về nội dung gốc.
4
Đầu ra được hiển thị và có thể lưu
Kết quả đã định dạng hoặc thu gọn xuất hiện trực tiếp trong bảng đầu ra kèm phần trăm thay đổi kích thước. Bạn có thể sao chép vào bộ nhớ tạm hoặc tải về dạng tệp .html, tất cả không cần rời trình duyệt.