Trang chủCông cụBảng điều khiểnHướng dẫnHỏi đápLiên hệ
Đăng nhập
Lập trình
Định dạng HTML

Định dạng HTML

In đẹp hoặc nén HTML trên trình duyệt.

Miễn phí
Không đăng ký
Tức thì
Riêng tư
Nhập
0 từ • 0 ký tự • 0 không khoảng trắng • 0 dòng
Chế độ
Chuyển sang
Đầu ra
0 từ • 0 ký tự • 0 không khoảng trắng • 0 dòng

Riêng tư theo thiết kế

Việc chuyển đổi chạy hoàn toàn trên trình duyệt. Văn bản của bạn không được gửi lên máy chủ.

Mẹo

Định dạng in đẹp. Nén gộp khoảng trắng. Đây là trợ giúp đọc và gửi đoạn mã, không phải toolchain ngôn ngữ đầy đủ.

Cách chuyển với Định dạng HTML

  1. Dán HTML, CSS hoặc JavaScript vào khung input.

  2. Kết quả định dạng cập nhật khi bạn gõ — không tải dữ liệu lên.

  3. Chọn Định dạng hoặc Nén, hoặc Chuyển sang để mở bộ định dạng khác.

  4. Sao chép kết quả. Đây là in đẹp cục bộ, không phải trình biên dịch.

Khi nào nên dùng?

  • HTML

    Thụt thẻ để đoạn dán dễ đọc hơn.

  • CSS

    In đẹp rule, hoặc nén trước khi nhúng đoạn mã.

  • JavaScript

    Thêm xuống dòng quanh ngoặc và chấm phẩy để đọc nhanh.

  • Ở lại đây

    Mã không rời tab này.

Mã của bạn được giữ riêng tư.

Định dạng chạy hoàn toàn trên trình duyệt. Đoạn mã không rời tab này.

Tìm hiểu thêm về quyền riêng tư →

Về định dạng HTML, CSS và JavaScript trên trình duyệt

Bộ định dạng HTML, CSS và JS in đẹp hoặc nén đoạn mã khi bạn gõ. Đây là trợ giúp cục bộ để đọc và gửi copy-paste, không phải trình biên dịch, không phải ESLint, không phải PostCSS, không phải trình duyệt. Định dạng và nén là lựa chọn khoảng trắng. Chuyển sang nhảy giữa HTML, CSS và JS với khóa persist riêng.

Ví dụ: một dòng <div><span>x</span></div> thành thẻ thụt lề. Khối rule CSS đã nén bung thành từng thuộc tính. Cú pháp hỏng nặng vẫn có thể trông lạ sau khi định dạng — mục tiêu là dễ đọc, không bảo đảm khứ hồi AST.

Liên quan: Mã hóa HTML cho thực thể, Định dạng JSON cho dữ liệu, Markdown → HTML cho ghi chú. Không tải dữ liệu lên. Đừng coi định dạng là làm sạch XSS.

Công cụ mã liên quan

Định dạng CSS

In đẹp hoặc nén CSS trên trình duyệt.

Mở công cụ

Định dạng JS

In đẹp hoặc nén JavaScript trên trình duyệt.

Mở công cụ

Mã hóa / giải mã HTML

Mã hóa hoặc giải mã thực thể HTML.

Mở công cụ

Định dạng JSON

In đẹp JSON với thụt lề, sắp xếp khóa tùy chọn, và nén.

Mở công cụ

Ví dụ Định dạng HTML

Định dạng

Input
<div><p>Hi</p></div>
Output
<div> <p> Hi </p> </div>

Nén

Input
<div><p>Hi</p></div>
Output
<div><p>Hi</p></div>

Định dạng và nén

Chế độVí dụDùng khi
Định dạnga {Dễ đọc, review và diff
Néna{color:red;}Đoạn mã nhỏ hơn để gửi hoặc nhúng

Hỏi đáp Định dạng HTML

Đây là in đẹp cục bộ (và nén tùy chọn) cho đoạn mã, không phải trình duyệt, không phải CMS, không phải bảo vệ XSS. Thẻ hỏng vẫn có thể định dạng kém. Dùng Mã hóa HTML nếu cần thực thể, và Xem trước Markdown nếu muốn trang đã render.

Không. Không gì được thực thi. Chuyển sang mở bộ định dạng CSS hoặc JS với khóa persist khác. Sao chép kết quả; đây không phải trình biên dịch.

Không. Định dạng ở lại tab này. Đóng trang để bỏ đoạn mã.