Công cụ của tôi

Định dạng HTML

Dọn HTML lộn xộn thành thụt lề dễ đọc — hoặc thu gọn về một dòng — hoàn toàn trong trình duyệt của bạn.

Cách sử dụng

  1. Dán hoặc nhập HTML. Nó được định dạng (hoặc thu gọn) ngay khi bạn gõ — không có nút nào cần bấm.
  2. Chuyển giữa Định dạng / Thu gọn; chọn 2 hoặc 4 dấu cách. Tùy chọn thụt lề bị vô hiệu ở chế độ Thu gọn.
  3. Các phần tử khối được thụt lề một cấp theo độ sâu, mỗi phần tử một dòng. Nội dung nội tuyến (văn bản trộn với <a> hoặc <b>) được giữ đúng như đã viết.
  4. Phần tử void (<br>, <img>, <input>…) không cần thẻ đóng và được giữ nguyên văn, kể cả dấu /> tùy chọn.
  5. Phần tử văn bản thô (<script>, <style>, <textarea>, <title>, <pre>) được sao chép từng ký tự; không gì bên trong được phân tích hay định dạng lại.

Ví dụ

Đầu vào

<!DOCTYPE html><html><head><meta charset="utf-8"><title>Demo</title></head><body><div class="card"><h1>Hello</h1><p>Hi <b>there</b></p><ul><li>one</li><li>two</li></ul></div><script>const x=1;</script></body></html>

Đầu ra

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Demo</title>
  </head>
  <body>
    <div class="card">
      <h1>Hello</h1>
      <p>Hi <b>there</b></p>
      <ul>
        <li>one</li>
        <li>two</li>
      </ul>
    </div>
    <script>const x=1;</script>
  </body>
</html>

Nội dung nội tuyến và nội dung <script>/<style> được giữ nguyên văn; <meta> là phần tử void, được bảo toàn như khi viết.

Giới hạn

  • Chỉ xử lý cấu trúc: cặp thẻ, phần tử void, các kiểu đóng ngầm phổ biến (li/td/tr/dt/dd/option/p/head) và độ lồng. Không kiểm tra DTD/Schema.
  • JavaScript và CSS nhúng không được định dạng — nội dung <script>/<style> giữ nguyên. (Hãy dùng công cụ Định dạng mã cho những phần đó.)
  • Không phải mọi thẻ đóng tùy chọn của HTML5 đều được suy ra; độ lồng sai thật sự được báo kèm dòng và cột.
  • Nội dung nội tuyến/hỗn hợp cố ý không được thụt lề lại. Nội dung <pre>/<textarea>/<title> được giữ nguyên văn.
  • Không tải tệp lên, không tham số URL, không lịch sử, không tài khoản. Đầu vào không bao giờ rời khỏi trình duyệt của bạn.

Các công cụ định dạng và xử lý văn bản khác trong bộ này.

Định dạng XML

Định dạng mã

Thu gọn mã