Công cụ rút gọn HTML

Giới thiệu công cụ này

Vậy là bạn có một tệp HTML. Có thể nó vài trăm dòng. Có thể nó là một mớ hỗn độn các khoảng trắng, ngắt dòng và những bình luận mà bạn quên dọn dẹp. Nó hoạt động—ổn định. Nhưng mỗi byte thừa cũng ảnh hưởng khi bạn đang cố gắng tải trang nhanh hơn, đặc biệt trên các kết nối chậm. Đây chính là lúc công cụ nén HTML phát huy tác dụng. Không phải là phép màu. Nó chỉ là một công cụ loại bỏ những thứ không cần thiết: khoảng trắng thừa, bình luận, thuộc tính dư thừa, thậm chí cả các thẻ đóng không bắt buộc—bất cứ thứ gì không ảnh hưởng đến cách trình duyệt hiển thị trang. Kết quả là một tệp nhỏ hơn, tải nhanh hơn. Chỉ vậy thôi. Tôi đã dùng rất nhiều công cụ như thế này qua nhiều năm. Một số quá phức tạp. Một số khác lại làm hỏng mã của bạn. Công cụ này? Nó chỉ làm đúng những gì nó được thiết kế để làm. Không phần mềm rác. Không quảng cáo. Không có “tính năng cao cấp” mà bạn sẽ không bao giờ dùng.

Tính năng nổi bật

Loại bỏ khoảng trắng, tab và ngắt dòng thừa—mà không làm hỏng bố cục của bạn.
Xóa bình luận HTML (trừ khi bạn yêu cầu giữ lại một số).
Rút gọn các thuộc tính boolean—chuyển disabled="disabled" thành chỉ disabled.
Gộp các thẻ dư thừa ở những vị trí an toàn (như thẻ đóng

Giữ nguyên nội dung bên trong các thẻ

, </code> và các khối script/style—để đoạn mã của bạn không bị ảnh hưởng.</li> <li>Hoạt động trực tiếp trong trình duyệt. Không cần tải lên. Không cần máy chủ. Tệp của bạn không bao giờ rời khỏi thiết bị.</li> <li>Nhanh. Ngay cả với các tệp lớn, công cụ cũng chỉ mất một hoặc hai giây.</li></ul><h2>Câu hỏi thường gặp</h2><p><strong>Công cụ này có làm hỏng trang web của tôi không?</strong><br>Không nếu mã HTML của bạn hợp lệ. Công cụ nén tuân theo các quy tắc tiêu chuẩn và tránh các thay đổi quá mức có thể ảnh hưởng đến hiển thị. Tuy nhiên, bạn vẫn nên kiểm tra kết quả đầu ra—đặc biệt nếu đang dùng các kiểu CSS nội tuyến kỳ lạ hoặc cấu trúc đánh dấu không theo chuẩn.</p><p><strong>Tôi có thể hoàn tác việc nén không?</strong><br>Không thể. Một khi đã được nén, định dạng gốc sẽ bị mất. Đó là lý do bạn nên giữ bản sao lưu tệp nguồn. Việc nén chỉ nên dùng cho môi trường sản xuất, không phải phát triển.</p> </div> <!-- Ad Banner After Content --> <!-- Social Share --> <div class="social-share text-center mt-5" style="padding-top: 30px; border-top: 1px solid #e2e8f0;"> <div class="share-icons relative gap-2 d-flex justify-content-center" style="gap: 12px;"> <a href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2F34tools.site%2Fvi%2Fc%25C3%25B4ng-c%25E1%25BB%25A5-r%25C3%25BAt-g%25E1%25BB%258Dn-html" target="_blank" class="btn btn-primary btn-icon-only rounded-circle" style="width: 45px; height: 45px; display: flex; align-items: center; justify-content: center;"><i class="fab fa-facebook-f"></i></a> <a href="https://twitter.com/intent/tweet?url=http%3A%2F%2F34tools.site%2Fvi%2Fc%25C3%25B4ng-c%25E1%25BB%25A5-r%25C3%25BAt-g%25E1%25BB%258Dn-html&text=C%C3%B4ng+c%E1%BB%A5+r%C3%BAt+g%E1%BB%8Dn+HTML" target="_blank" class="btn btn-info btn-icon-only rounded-circle text-white" style="width: 45px; height: 45px; display: flex; align-items: center; justify-content: center;"><i class="fab fa-twitter"></i></a> <a href="https://wa.me/?text=C%C3%B4ng+c%E1%BB%A5+r%C3%BAt+g%E1%BB%8Dn+HTML+http%3A%2F%2F34tools.site%2Fvi%2Fc%25C3%25B4ng-c%25E1%25BB%25A5-r%25C3%25BAt-g%25E1%25BB%258Dn-html" target="_blank" class="btn btn-success btn-icon-only rounded-circle" style="width: 45px; height: 45px; display: flex; align-items: center; justify-content: center;"><i class="fab fa-whatsapp"></i></a> </div> </div> </div> </section> </div> </div></div><footer class="footer bg-white pt-5 pb-3 mt-5 border-top"> <div class="container"> <!-- Footer Ad --> <div class="row gx-4"> <!-- About Column --> <div class="col-lg-3 col-md-6 mb-4"> <h5 class="fw-bold mb-3">Công cụ trực tuyến miễn phí thực sự hiệu quả: Đi sâu vào trang 34tooL</h5> <p class="text-muted small">Trang web 34tooL cung cấp các công cụ trực tuyến miễn phí bao gồm công cụ SEO, công cụ hình ảnh, tiện ích văn bản, máy tính và công cụ web để sử dụng nhanh chóng và dễ dàng.</p> <div class="social-links mt-3"> <a href="#" class="text-muted me-3" aria-label="Facebook"><i class="fab fa-facebook fa-lg"></i></a> <a href="#" class="text-muted me-3" aria-label="Twitter"><i class="fab fa-twitter fa-lg"></i></a> <a href="#" class="text-muted me-3" aria-label="Instagram"><i class="fab fa-instagram fa-lg"></i></a> </div> </div> <!-- Tools Category Column --> <div class="col-lg-2 col-md-6 mb-4"> <h6 class="fw-bold mb-3">Danh mục Công cụ</h6> <ul class="list-unstyled small"> <li class="mb-2"> <a href="https://34tools.site/vi/category/c%C3%B4ng-c%E1%BB%A5-v%C4%83n-b%E1%BA%A3n" class="text-muted text-decoration-none"> Công cụ văn bản </a> </li> <li class="mb-2"> <a href="https://34tools.site/vi/category/c%C3%B4ng-c%E1%BB%A5-youtube" class="text-muted text-decoration-none"> Công cụ YouTube </a> </li> <li class="mb-2"> <a href="https://34tools.site/vi/category/c%C3%B4ng-c%E1%BB%A5-seo" class="text-muted text-decoration-none"> Công cụ SEO </a> </li> <li class="mb-2"> <a href="https://34tools.site/vi/category/c%C3%B4ng-c%E1%BB%A5-mi%E1%BB%81n-v%C3%A0-ip" class="text-muted text-decoration-none"> Công cụ miền và IP </a> </li> <li class="mb-2"> <a href="https://34tools.site/vi/category/c%C3%B4ng-c%E1%BB%A5-qu%E1%BA%A3n-l%C3%BD-trang-web" class="text-muted text-decoration-none"> Công cụ Quản lý Trang web </a> </li> <li class="mb-2"> <a href="https://34tools.site/vi/category/c%C3%B4ng-c%E1%BB%A5-ph%C3%A1t-tri%E1%BB%83n-web" class="text-muted text-decoration-none"> Công cụ Phát triển Web </a> </li> <li class="mb-2"> <a href="https://34tools.site/vi/category/c%C3%B4ng-c%E1%BB%A5-ch%E1%BB%89nh-s%E1%BB%ADa-h%C3%ACnh-%E1%BA%A3nh" class="text-muted text-decoration-none"> Công cụ Chỉnh sửa Hình ảnh </a> </li> <li class="mb-2"> <a href="https://34tools.site/vi/category/m%C3%A1y-t%C3%ADnh-tr%E1%BB%B1c-tuy%E1%BA%BFn" class="text-muted text-decoration-none"> Máy tính trực tuyến </a> </li> <li class="mb-2"> <a href="https://34tools.site/vi/category/c%C3%B4ng-c%E1%BB%A5-chuy%E1%BB%83n-%C4%91%E1%BB%95i-nh%E1%BB%8B-ph%C3%A2n" class="text-muted text-decoration-none"> Công cụ chuyển đổi nhị phân </a> </li> <li class="mb-2"> <a href="https://34tools.site/vi/category/c%C3%B4ng-c%E1%BB%A5-chuy%E1%BB%83n-%C4%91%E1%BB%95i-%C4%91%C6%A1n-v%E1%BB%8B" class="text-muted text-decoration-none"> Công cụ Chuyển đổi Đơn vị </a> </li> <li class="mb-2"> <a href="https://34tools.site/vi/category/c%C3%A1c-c%C3%B4ng-c%E1%BB%A5-linh-tinh" class="text-muted text-decoration-none"> Các công cụ linh tinh </a> </li> </ul> </div> <!-- Legal Column --> <div class="col-lg-2 col-md-6 mb-4"> <h6 class="fw-bold mb-3">Pháp lý</h6> <ul class="list-unstyled small"> <li class="mb-2"> <a href="https://34tools.site/vi/page/v%E1%BB%81-ch%C3%BAng-t%C3%B4i" class="text-muted text-decoration-none"> Về chúng tôi </a> </li> <li class="mb-2"> <a href="https://34tools.site/vi/page/li%C3%AAn-h%E1%BB%87-v%E1%BB%9Bi-ch%C3%BAng-t%C3%B4i" class="text-muted text-decoration-none"> Liên hệ với chúng tôi </a> </li> <li class="mb-2"> <a href="https://34tools.site/vi/page/tuy%C3%AAn-b%E1%BB%91-t%E1%BB%AB-ch%E1%BB%91i-tr%C3%A1ch-nhi%E1%BB%87m" class="text-muted text-decoration-none"> Tuyên bố từ chối trách nhiệm </a> </li> <li class="mb-2"> <a href="https://34tools.site/vi/page/ch%C3%ADnh-s%C3%A1ch-b%E1%BA%A3o-m%E1%BA%ADt" class="text-muted text-decoration-none"> Chính sách Bảo mật </a> </li> <li class="mb-2"> <a href="https://34tools.site/vi/page/%C4%91i%E1%BB%81u-kho%E1%BA%A3n-d%E1%BB%8Bch-v%E1%BB%A5" class="text-muted text-decoration-none"> Điều khoản Dịch vụ </a> </li> <!-- Static Contact Link --> <li class="mb-2"> <a href="https://34tools.site/vi/contact" class="text-muted text-decoration-none"> Liên hệ với chúng tôi </a> </li> </ul> </div> <!-- Our YouTube Tools Column --> <div class="col-lg-2 col-md-6 mb-4"> <h6 class="fw-bold mb-3">Các công cụ YouTube của chúng tôi</h6> <ul class="list-unstyled small"> <li class="mb-2"> <a href="https://34tools.site/vi/công-cụ-tính-tiền-youtube" class="text-muted text-decoration-none"> Công cụ tính tiền YouTube </a> </li> <li class="mb-2"> <a href="https://34tools.site/vi/công-cụ-tạo-tiêu-đề-youtube" class="text-muted text-decoration-none"> Công cụ tạo tiêu đề YouTube </a> </li> <li class="mb-2"> <a href="https://34tools.site/vi/trình-tải-hình-nền-kênh-youtube" class="text-muted text-decoration-none"> Trình tải hình nền kênh YouTube </a> </li> <li class="mb-2"> <a href="https://34tools.site/vi/trình-trích-xuất-tiêu-đề-youtube" class="text-muted text-decoration-none"> Trình trích xuất tiêu đề YouTube </a> </li> <li class="mb-2"> <a href="https://34tools.site/vi/trình-tạo-mã-nhúng-youtube" class="text-muted text-decoration-none"> Trình tạo mã nhúng YouTube </a> </li> <li class="mb-2"> <a href="https://34tools.site/vi/bộ-kiểm-tra-hạn-chế-khu-vực-youtube" class="text-muted text-decoration-none"> Bộ kiểm tra hạn chế khu vực YouTube </a> </li> <li class="mb-2"> <a href="https://34tools.site/vi/trình-tạo-liên-kết-đăng-ký-youtube" class="text-muted text-decoration-none"> Trình tạo liên kết đăng ký YouTube </a> </li> <li class="mb-2"> <a href="https://34tools.site/vi/trình-chọn-bình-luận-youtube" class="text-muted text-decoration-none"> Trình chọn bình luận YouTube </a> </li> <li class="mb-2"> <a href="https://34tools.site/vi/công-cụ-kiểm-tra-độ-dài-tiêu-đề-youtube" class="text-muted text-decoration-none"> Công cụ kiểm tra độ dài tiêu đề YouTube </a> </li> <li class="mb-2"> <a href="https://34tools.site/vi/trình-tải-hình-thu-nhỏ-youtube" class="text-muted text-decoration-none"> Trình tải hình thu nhỏ YouTube </a> </li> <li class="mb-2"> <a href="https://34tools.site/vi/trình-tạo-mô-tả-youtube" class="text-muted text-decoration-none"> Trình tạo mô tả YouTube </a> </li> <li class="mb-2"> <a href="https://34tools.site/vi/trình-trích-xuất-hashtag-youtube" class="text-muted text-decoration-none"> Trình trích xuất Hashtag YouTube </a> </li> <li class="mb-2"> <a href="https://34tools.site/vi/trình-tạo-thẻ-youtube" class="text-muted text-decoration-none"> Trình tạo thẻ YouTube </a> </li> <li class="mb-2"> <a href="https://34tools.site/vi/công-cụ-tính-tỷ-lệ-lượt-xem-youtube" class="text-muted text-decoration-none"> Công cụ tính tỷ lệ lượt xem YouTube </a> </li> <li class="mb-2"> <a href="https://34tools.site/vi/thống-kê-kênh-youtube" class="text-muted text-decoration-none"> Thống kê Kênh YouTube </a> </li> <li class="mb-2"> <a href="https://34tools.site/vi/youtube-tag-extractor" class="text-muted text-decoration-none"> YouTube Tag Extractor </a> </li> <li class="mb-2"> <a href="https://34tools.site/vi/công-cụ-tạo-liên-kết-dấu-thời-gian-youtube" class="text-muted text-decoration-none"> Công cụ tạo liên kết dấu thời gian YouTube </a> </li> <li class="mb-2"> <a href="https://34tools.site/vi/trình-trích-xuất-mô-tả-youtube" class="text-muted text-decoration-none"> Trình Trích xuất Mô tả YouTube </a> </li> <li class="mb-2"> <a href="https://34tools.site/vi/trình-trích-xuất-id-kênh-youtube" class="text-muted text-decoration-none"> Trình trích xuất ID kênh YouTube </a> </li> <li class="mb-2"> <a href="https://34tools.site/vi/trình-tìm-kiếm-kênh-youtube" class="text-muted text-decoration-none"> Trình tìm kiếm Kênh YouTube </a> </li> <li class="mb-2"> <a href="https://34tools.site/vi/trình-kiểm-tra-số-lượng-video-youtube" class="text-muted text-decoration-none"> Trình kiểm tra số lượng video YouTube </a> </li> <li class="mb-2"> <a href="https://34tools.site/vi/công-cụ-tạo-hashtag-youtube" class="text-muted text-decoration-none"> Công cụ tạo Hashtag YouTube </a> </li> <li class="mb-2"> <a href="https://34tools.site/vi/trình-tải-xuống-logo-kênh-youtube" class="text-muted text-decoration-none"> Trình tải xuống Logo Kênh YouTube </a> </li> <li class="mb-2"> <a href="https://34tools.site/vi/trình-kiểm-tra-tuổi-kênh-youtube" class="text-muted text-decoration-none"> Trình kiểm tra tuổi Kênh YouTube </a> </li> <li class="mb-2"> <a href="https://34tools.site/vi/thống-kê-video-youtube" class="text-muted text-decoration-none"> Thống kê video YouTube </a> </li> <li class="mb-2"> <a href="https://34tools.site/vi/công-cụ-viết-hoa-tiêu-đề-video-youtube" class="text-muted text-decoration-none"> Công cụ viết hoa tiêu đề video Youtube </a> </li> </ul> </div> <!-- Newsletter Column --> <div class="col-lg-3 col-md-6 mb-4"> <h6 class="fw-bold mb-3">Bản tin</h6> <p class="small text-muted">Đăng ký nhận bản tin của chúng tôi để cập nhật thông tin.</p> <form id="newsletterForm" class="mt-2" onsubmit="return handleSubscribe(event)"> <div class="input-group"> <input type="email" id="subEmail" class="form-control form-control-sm" placeholder="Your email" required> <button class="btn btn-primary btn-sm" type="submit" id="subBtn">Đăng ký</button> </div> <small class="text-success d-none mt-2 d-block" id="subMsg"></small> </form> </div> </div> <hr class="my-4"> <div class="row align-items-center"> <div class="col-md-6 text-center text-md-start"> <p class="small text-muted mb-0">© 2026 Công cụ trực tuyến miễn phí thực sự hiệu quả: Đi sâu vào trang 34tooL. Mọi quyền được bảo lưu.</p> </div> </div> </div></footer><!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<!-- Custom JS -->
<script src="https://34tools.site/assets/js/main.js"></script>
<script>
    function handleSubscribe(e) {
        e.preventDefault();
        const email = document.getElementById('subEmail').value;
        const btn = document.getElementById('subBtn');
        const msg = document.getElementById('subMsg');
        
        btn.disabled = true;
        btn.innerHTML = '...';
        
        const formData = new FormData();
        formData.append('email', email);
        
        fetch('https://34tools.site/ajax/subscribe.php', {
            method: 'POST',
            body: formData
        })
        .then(response => response.json())
        .then(data => {
            btn.disabled = false;
            btn.innerHTML = 'Subscribe';
            msg.textContent = data.message;
            msg.classList.remove('d-none');
            
            if (data.success) {
                msg.classList.remove('text-danger');
                msg.classList.add('text-success');
                document.getElementById('subEmail').value = '';
            } else {
                msg.classList.remove('text-success');
                msg.classList.add('text-danger');
            }
        })
        .catch(err => {
            btn.disabled = false;
            btn.innerHTML = 'Subscribe';
            msg.textContent = 'Something went wrong.';
            msg.classList.remove('d-none');
        });
    }

    // Simple search filter with error checking
    const searchBox = document.getElementById('toolSearch');
    if (searchBox) {
        searchBox.addEventListener('keyup', function() {
            let filter = this.value.toLowerCase();
            let tools = document.querySelectorAll('.tool-card');
            
            tools.forEach(tool => {
                let titleElement = tool.querySelector('.tool-title span');
                if (titleElement) {
                    let title = titleElement.innerText.toLowerCase();
                    let container = tool.closest('.col-12, .col-sm-6, .col-md-4, .col-lg-3');
                    if (container) {
                        container.style.display = title.includes(filter) ? '' : 'none';
                    }
                }
            });
        });
    }

    // --- GLOBAL TABLE OVERFLOW FIX ---
    document.addEventListener('DOMContentLoaded', function() {
        // Wrap any table found in content areas with table-responsive for mobile safety
        const contentAreas = document.querySelectorAll('.prose, .article-content, .page-content, .tool-preview-content');
        contentAreas.forEach(function(area) {
            const tables = area.querySelectorAll('table');
            tables.forEach(function(table) {
                if (!table.parentElement.classList.contains('table-responsive')) {
                    const wrapper = document.createElement('div');
                    wrapper.className = 'table-responsive mb-4';
                    table.parentNode.insertBefore(wrapper, table);
                    wrapper.appendChild(table);
                }
            });
        });
    });
</script>
<!-- Cookie Consent Banner --><div id="cookie-consent" class="fixed-bottom p-4 bg-white border-top shadow-lg" style="display: none; z-index: 9999;"> <div class="container d-flex flex-column flex-md-row justify-content-between align-items-center"> <div class="mb-3 mb-md-0 text-muted small"> Chúng tôi sử dụng cookie để cải thiện trải nghiệm của bạn và để cá nhân hóa quảng cáo. Bằng cách tiếp tục sử dụng trang web này, bạn đồng ý với <a href="/page/privacy-policy" class="text-primary text-decoration-none">Chính sách Bảo mật</a> của chúng tôi. </div> <div> <button id="accept-cookies" class="btn btn-primary btn-sm px-4 rounded-pill">Chấp nhận</button> </div> </div></div><script>
document.addEventListener('DOMContentLoaded', function() {
    // --- COOKIE CONSENT ---
    if (!localStorage.getItem('cookie_consent')) {
        setTimeout(function() {
            const consent = document.getElementById('cookie-consent');
            if (consent) consent.style.display = 'block';
        }, 2000);
    }
    
    document.getElementById('accept-cookies')?.addEventListener('click', function() {
        localStorage.setItem('cookie_consent', 'true');
        const consent = document.getElementById('cookie-consent');
        if (consent) consent.style.display = 'none';
    });

    // --- SERVICE WORKER REGISTRATION (PUSH NOTIFICATIONS) ---
    if ('serviceWorker' in navigator) {
        navigator.serviceWorker.register('https://34tools.site/sw.js')
        .then(function(registration) {
            console.log('SW registered:', registration.scope);
        })
        .catch(function(err) {
            console.log('SW failed:', err);
        });
    }
});
</script></body></html>