TanodTools
VI

Định dạng HTML

Dán HTML lộn xộn hoặc đã thu gọn và nhận lại bản đã thụt lề, cùng script và style nội tuyến được làm gọn.

Chạy hoàn toàn trong trình duyệt của bạn

Thụt lề
Nội dung

Đầu vào tối đa khoảng 10 MB. Công cụ chỉ thụt lề lại mã và không bao giờ từ chối, nên không báo cho bạn biết HTML có hợp lệ hay không.

Cách định dạng HTML

  1. Dán HTML vào ô, hoặc nhấn Chèn mẫu.
  2. Chọn kiểu thụt lề, độ dài ngắt dòng nếu muốn, và có định dạng <script> và <style> nội tuyến hay không.
  3. Bản đã gọn gàng hiện bên dưới khi bạn nhập. Sao chép hoặc tải xuống dưới dạng tệp .html.

Thụt lề HTML an toàn

Trình duyệt gộp phần lớn khoảng trắng trong HTML, nên một trang có thể viết trên một dòng hoặc trải ra cả nghìn dòng mà vẫn hiển thị như nhau. Template, kết quả từ CMS và các gói đã thu gọn thường tạo ra mã mà không ai đọc nổi. Trình định dạng đặt các phần tử khối trên dòng riêng và thụt lề phần tử con dưới phần tử cha, giúp dễ thấy các thẻ không khớp hoặc đặt sai chỗ.

Lỗi của các trình định dạng thường nằm ở chi tiết. Phần tử void như <br>, <img> và <input> không bao giờ có thẻ đóng, nên không được làm tăng mức thụt lề. Khoảng trắng bên trong <pre> và <textarea> được hiển thị đúng như đã nhập, nên không được đụng đến. Còn phần tử nội tuyến thì nằm cùng dòng với các từ xung quanh, vì ngắt dòng ở đó sẽ thêm một khoảng trắng nhìn thấy được.

Script và style sheet nhúng trong trang là một ngôn ngữ khác. Trình định dạng có thể bố trí chúng theo kiểu thụt lề của trang, hoặc giữ nguyên nếu bạn muốn diff nhỏ gọn hoặc mã đã được thu gọn có chủ ý.

Mẹo

Câu hỏi thường gặp

HTML của tôi có bị tải lên không?

Không. Thư viện định dạng được tải từ chính trang này vào lần đầu bạn dán nội dung, và mã chỉ được xử lý trong trình duyệt của bạn.

Nó có làm thay đổi giao diện của trang không?

Công cụ thay đổi khoảng trắng giữa các thẻ, vốn thường bị trình duyệt gộp lại, nên trang sẽ trông như cũ. Ngoại lệ là khoảng trắng hiển thị được: vì thế văn bản trong <pre> và <textarea> được giữ nguyên như đã nhập.

Nó có báo cho tôi nếu HTML bị lỗi không?

Không. Công cụ định dạng một cách linh hoạt và không từ chối thứ gì, nên thẻ chưa đóng sẽ không gây lỗi; phần thụt lề chỉ đơn giản theo những gì tìm thấy. Để tìm lỗi cấu trúc, hãy cho trang chạy qua một trình kiểm tra hợp lệ.

Còn JavaScript và CSS bên trong trang thì sao?

Theo mặc định, nội dung của <script> và <style> được định dạng với cùng kiểu thụt lề. Bỏ chọn Định dạng script và style nội tuyến để giữ nguyên như đã viết.

Các thẻ nội tuyến như span và a được xử lý ra sao?

Phần tử nội tuyến nằm cùng dòng với văn bản của nó nếu còn đủ chỗ, nên một câu chứa <strong> không bị tách thành nhiều dòng, vì như vậy sẽ thêm khoảng trắng hiển thị.

Ngắt dòng dài có tác dụng gì?

Khi đặt độ dài ngắt dòng, văn bản vượt quá giới hạn sẽ được ngắt xuống dòng mới tại ranh giới từ. Tắt thì mỗi đoạn văn bản giữ trên một dòng, dù dài đến đâu.