HTML Prettify & Minify - Định dạng HTML trực tuyến miễn phí
Làm đẹp HTML lộn xộn với thụt lề thích hợp hoặc thu nhỏ thành một dòng. Thả tệp .html hoặc dán, sau đó sao chép hoặc tải xuống đánh dấu đã làm sạch.
Nhập HTML
Đầu ra được định dạng
Giới thiệu về HTML Prettify
Được cung cấp bởi js-beautify, chạy hoàn toàn trong trình duyệt của bạn. Chế độ Prettify định dạng lại các thẻ vào các dòng riêng của chúng với thụt lề nhất quán; Chế độ thu nhỏ loại bỏ nhận xét và thu gọn khoảng trắng cho tải trọng nhỏ nhất.
Tiếp tục cải thiện hình ảnh của bạn
Đưa chỉnh sửa ảnh của bạn lên một tầm cao mới với các công cụ phổ biến này
Thêm văn bản vào hình ảnh
Thêm chú thích và tiêu đề vào ảnh nâng cao của bạn
Thêm đường viền ảnh
Tạo khung hiệu ứng của bạn với các đường viền đẹp
Nén hình ảnh
Tối ưu hóa hình ảnh nâng cao của bạn để chia sẻ
Thay đổi kích thước hình ảnh
Thay đổi kích thước hình ảnh
Ảnh cho phim hoạt hình
Thử một phong cách nghệ thuật khác
Phác thảo bút chì
Tạo bản vẽ bút chì nghệ thuật
Frequently Asked Questions
Dán bất kỳ HTML nào — ngay cả đầu ra rút gọn một dòng từ quy trình xây dựng — và công cụ sẽ định dạng lại HTML đó với thụt lề thích hợp, một thẻ trên mỗi dòng và khoảng trắng nhất quán. Chọn thụt lề 2, 4 hoặc 8 dấu cách. Đầu ra đã sẵn sàng để thả vào trình chỉnh sửa của bạn hoặc dán vào nhận xét đánh giá mã.
usagePrettify mở rộng HTML để dễ đọc: mỗi thẻ trên dòng riêng của nó, các con lồng nhau được thụt lề, các dòng trống được giữ nguyên giữa các phần. Thu nhỏ các nhận xét, thu gọn các khoảng trắng và loại bỏ ngắt dòng để tệp có ít byte hơn. Sử dụng prettify để chỉnh sửa và xem xét, thu nhỏ để triển khai sản xuất.
featuresKhông — js-beautify (công cụ bên dưới) phát hiện các khối tập lệnh và kiểu và định dạng nội dung của chúng bằng các quy tắc JS hoặc CSS thích hợp, vì vậy các tập lệnh nội tuyến vẫn hợp lệ và các biểu định kiểu vẫn có thể đọc được. Các thẻ tự đóng, các phần tử rỗng và các thuộc tính có không gian tên (svg:xmlns, xlink:href) đều được xử lý chính xác.
technicalNó xử lý tốt HTML thuần túy và các mẫu giống như HTML, nhưng JSX thuần túy (biểu thức dấu ngoặc nhọn, mảnh, thẻ thành phần viết hoa) được phân tích cú pháp dưới dạng HTML và có thể chọn các vấn đề nhỏ về thẩm mỹ. Đối với mã dành riêng cho khung, chúng tôi khuyên bạn nên cấu hình Prettier cho phương ngữ của bạn; đối với các tệp HTML, .htm và mẫu thô, công cụ của chúng tôi là hoàn hảo.
featuresKhông có tải lên nào xảy ra. Trình định dạng chạy hoàn toàn trong trình duyệt của bạn với js-beautify, vì vậy bạn có thể dán các mẫu trang nội bộ, email nháp hoặc HTML chứa dữ liệu cá nhân một cách an toàn mà không cần bất kỳ thứ gì rời khỏi thiết bị của bạn.
privacyThu nhỏ các dải nhận xét HTML, thu gọn mọi khoảng trắng giữa các thẻ thành một khoảng trắng duy nhất và loại bỏ ngắt dòng. Kết quả là HTML hiển thị giống hệt byte thường nhỏ hơn 10-30%. Kết hợp với gzip trên máy chủ, điều này làm giảm đáng kể trọng lượng trang ban đầu trên các trang có nhiều nội dung.
technicalCó — nhấp vào Tải xuống để lưu đầu ra đẹp dưới dạng output.html hoặc đầu ra được rút gọn dưới dạng output.min.html. Tệp được mã hóa UTF-8, vì vậy nó hoạt động tốt như nhau với nội dung tiếng Anh, Cyrillic, CJK và từ phải sang trái.
tipsĐây là một tiện ích nhỏ chỉ dành cho trình duyệt - không có chi phí lưu trữ - vì vậy chúng tôi cung cấp miễn phí như một phần của bộ công cụ dành cho nhà phát triển của chúng tôi. Không có quảng cáo, không theo dõi đầu ra, không giới hạn kích thước tệp vượt quá những gì trình duyệt của bạn có thể chứa trong bộ nhớ.
pricingUse Cases
Dọn dẹp mẫu email
HTML email tiếp thị thường đến từ ESP dưới dạng một blob thu nhỏ duy nhất. Làm đẹp nó để kiểm tra cấu trúc, tìm cột bảng bị hỏng đó và vá lỗi chính tả trước khi gửi vụ nổ tiếp theo.
Di chuyển nội dung CMS
Xuất từ một CMS và nhập vào một CMS khác thường liên quan đến việc di chuyển HTML. Prettify làm cho sự khác biệt có thể đọc được, thu nhỏ tải trọng và cả hai chế độ đều duy trì độ trung thực của nội dung.
Đầu ra quét web
HTML thô được lấy từ một trang web không thể đọc được nếu không định dạng. Làm đẹp đầu ra để tìm bộ chọn CSS bạn cần, sau đó viết quy tắc trích xuất cho trình quét của bạn.
Tối ưu hóa trang web tĩnh
Thu nhỏ HTML đã tạo từ trình tạo trang web tĩnh của bạn trước khi triển khai. Giảm 10-30% kích thước tệp trên gzip - cải thiện có thể đo lường được so với thời gian vẽ đầu tiên trên các trang có nội dung nặng.
Đoạn mã tài liệu
Khi dán các ví dụ HTML vào tài liệu, bài đăng trên blog hoặc tệp README, trước tiên hãy làm đẹp để người đọc có thể theo dõi cấu trúc. Lưu phiên bản rút gọn để so sánh "sản lượng sản xuất".
Trình trợ giúp tái cấu trúc JSX
Trước khi chuyển đổi một đoạn HTML sang JSX, hãy làm đẹp nó để script chuyển đổi thấy một cây sạch. Lưu định dạng lại thủ công trong quá trình di chuyển React/Vue của bạn.
Pixoate