Trang chủ » Mã hóa » Làm sạch mã HTML lộn xộn bằng máy giặt HTML

    Làm sạch mã HTML lộn xộn bằng máy giặt HTML

    Nếu bạn đang chỉnh sửa trang web của người khác hoặc muốn sao chép mã của bố cục, điều đó có thể khó khăn lội qua định dạng. Bạn sẽ phải dọn dẹp nhiều khu vực lộn xộn và điều này không thú vị để làm thủ công.

    Với Máy giặt HTML ứng dụng web, bạn có thể tự động dọn sạch bất kỳ mã HTML nào với một nút bấm.

    Ứng dụng web này xóa tất cả các tính năng không liên quan ra khỏi HTML, bao gồm cả CSS và JavaScript dư thừa. Nó cũng sẽ tước hầu hết các lớp và thuộc tính chỉ để lại mẫu HTML đơn giản.

    Điều này có lẽ hữu ích nhất khi nghiên cứu cấu trúc của một trang web khác. Nếu bạn muốn sao chép bố cục, bạn có thể dễ dàng xem nguồn và sao chép / dán mã trong trình chỉnh sửa của riêng bạn.

    Bạn cũng có thể muốn tước bình luận HTMLđơn giản hóa mã hơn nữa. Đây là nơi HTML Washer có ích.

    Nó có một số tính năng gọn gàng và đây là những cái hữu ích nhất cho các nhà phát triển:

    • Chuyển đổi mã thành HTML5 (từ HTML4 / XHTML)
    • Sửa các thẻ được định dạng không đúng
    • Định dạng lại HTML với thụt lề thích hợp
    • Xóa tất cả các tập lệnh nội tuyến & CSS

    Lưu ý rằng Máy giặt HTML không phải là một giải pháp đầy đủ để chuyển bố cục cũ hơn vào HTML5. Nó cũng không phải là một công cụ hoàn hảo để sao chép / dán theo đúng nghĩa đen của bố cục và biến nó thành của riêng bạn.

    Nhưng, như một điểm khởi đầu, công cụ này có thể giúp bạn dọn dẹp HTML lộn xộn nhanh. Nó sẽ giúp bạn chỉ tập trung vào các nguyên tắc cơ bản của mã, vì vậy bạn không bị sa lầy bởi các lớp hoặc các thuộc tính HTML không liên quan.

    Mặc dù, nếu có thẻ không có alt thuộc tính Máy giặt HTML này sẽ thêm chúng vào trang. Nó có nghĩa là xuất ra HTML đó hoàn toàn tuân thủ các tiêu chuẩn tiếp cận và mã hóa hiện đại.

    Một tính năng tôi muốn thấy là tùy chọn bao gồm các lớp hoặc ID. Đôi khi, bạn sẽ muốn giữ các lớp, vì vậy bạn có thể sao chép / dán mã cùng với biểu định kiểu gốc để giữ nguyên giao diện.

    Ngay bây giờ, điều này là không thể với HTML Washer, mặc dù đây là hy vọng nó có thể được thêm vào trong bản cập nhật trong tương lai!

    Đối với một công cụ tự động, điều này thật tuyệt và nó cho phép bạn sao chép / dán mã hoặc là tải lên một tập tin trực tiếp từ máy tính của bạn.

    Đến thấy nó sống trong hành động, kiểm tra trang web chính và cho nó đi Nếu đây là thứ bạn có thể thấy chính mình bằng cách sử dụng hãy chắc chắn để đánh dấu nó.

    Và, nếu bạn có bất kỳ đề xuất cải tiến nào, hãy gửi tin nhắn nhanh đến nhà phát triển trên Twitter @HtmlWasher.