HTML المصغر

حول هذه الأداة

إذن، لديك ملف HTML. إنها تعمل. إنها عملية. ولكنها مكتنزة إلى حد ما، وربما مليئة بالمسافات الإضافية والتعليقات وفواصل الأسطر التي لا تحتاج إليها حقًا. وهنا يأتي دور أداة تصغير HTML. فكر في الأمر مثل أداة Marie Kondo الرقمية: فهي تقوم بترتيب التعليمات البرمجية الخاصة بك، وتحتفظ بما هو مفيد، وتتخلص من الباقي. لا زغب. مجرد HTML أنظف وأصغر حجمًا يتم تحميله بشكل أسرع ويشغل مساحة أقل. لقد استخدمت مجموعة من هذه الأدوات على مر السنين، بعضها جيد وبعضها جيد. أفضلها لا يقتصر على إزالة المسافات البيضاء. وهم يعرفون متى يجب ترك الأشياء بمفردها، مثل العلامات الموجودة داخل علامات

 أو البرامج النصية المضمنة. إنهم أذكياء وليسوا عدوانيين. وبصراحة؟ بمجرد البدء في استخدام واحدة بانتظام، سوف تتساءل كيف كنت تعيش بدونها.
الميزات الرئيسية
 
يزيل المسافات البيضاء وفواصل الأسطر والمسافات البادئة غير الضرورية - دون كسر التخطيط.
 
إزالة تعليقات HTML (باستثناء التعليقات الشرطية، إذا أردت ذلك).
 
يقوم بتصغير السمات المنطقية بشكل اختياري - ويحول disabled="disabled" إلى معطل فقط.
 
تصغير CSS وJavaScript المضمنين ضمن علامات النمط والبرامج النصية (في حالة تمكينها).
 
يحتفظ بالمحتوى داخل 
، و</code>، والعلامات الأخرى الحساسة للمسافات البيضاء.</li> <li>يعمل على المستندات الكاملة أو المقتطفات الجزئية، وهو أمر رائع للإصلاحات السريعة أو إنشاء مسارات.</li> <li>يقدم عادةً معاينة أو عرضًا مختلفًا حتى تتمكن من رؤية ما تغير قبل الالتزام.</li></ul><h2>الأسئلة الشائعة</h2><p><strong>هل سيؤدي التصغير إلى تعطيل موقع الويب الخاص بي؟</strong><br>ليس إذا كنت تستخدم أداة لائقة. معظم المصغرات الحديثة حذرة. لن يلمسوا المحتوى الذي يحتاج إلى مسافات، كما هو الحال داخل الكتل <code><pre></code>. لكن اختبر دائمًا بعد التصغير، خاصةً إذا كنت تفعل ذلك في مرحلة الإنتاج. يؤدي الفحص المحلي السريع إلى تجنب المتاعب لاحقًا.</p><p><strong>هل لا يزال HTML المصغر قابلاً للقراءة؟</strong><br>كلا. وهذه هي النقطة. ليس من المفترض أن يقرأها البشر، بل من المفترض أن تقوم المتصفحات بتحليلها بسرعة. إذا كنت بحاجة إلى تصحيح الأخطاء، فاحتفظ بنسخة نظيفة في الريبو الخاص بك. قم بالتصغير فقط للنشر أو الصفحات ذات الأداء الحرج.</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%2F3tools.shop%2Far%2Fhtml-%25D8%25A7%25D9%2584%25D9%2585%25D8%25B5%25D8%25BA%25D8%25B1" 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%2F3tools.shop%2Far%2Fhtml-%25D8%25A7%25D9%2584%25D9%2585%25D8%25B5%25D8%25BA%25D8%25B1&text=HTML+%D8%A7%D9%84%D9%85%D8%B5%D8%BA%D8%B1" 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=HTML+%D8%A7%D9%84%D9%85%D8%B5%D8%BA%D8%B1+http%3A%2F%2F3tools.shop%2Far%2Fhtml-%25D8%25A7%25D9%2584%25D9%2585%25D8%25B5%25D8%25BA%25D8%25B1" 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">3WEBTOOL – أدوات مجانية للويب، تحسين محركات البحث (SEO)، الصور والمطورين</h5> <p class="text-muted small">3WEBTOOL هي منصة قوية مجانية على الإنترنت يمكنك استخدام أدوات تحسين محركات البحث (SEO)، وضغط الصور، أدوات النصوص، أدوات المطورين، وحوّلات، وأدوات الويب الرقمية. أدوات ويب سريعة وآمنة و100% مجانية للمدونين، والمطورين، والمسوّقين الرقميين.</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">فئة الأدوات</h6> <ul class="list-unstyled small"> <li class="mb-2"> <a href="https://3tools.shop/ar/category/%D8%A3%D8%AF%D9%88%D8%A7%D8%AA-%D8%A7%D9%84%D9%86%D8%B5" class="text-muted text-decoration-none"> أدوات النص </a> </li> <li class="mb-2"> <a href="https://3tools.shop/ar/category/%D8%A3%D8%AF%D9%88%D8%A7%D8%AA-%D9%8A%D9%88%D8%AA%D9%8A%D9%88%D8%A8" class="text-muted text-decoration-none"> أدوات يوتيوب </a> </li> <li class="mb-2"> <a href="https://3tools.shop/ar/category/%D8%A3%D8%AF%D9%88%D8%A7%D8%AA-%D8%AA%D8%AD%D8%B3%D9%8A%D9%86-%D9%85%D8%AD%D8%B1%D9%83%D8%A7%D8%AA-%D8%A7%D9%84%D8%A8%D8%AD%D8%AB" class="text-muted text-decoration-none"> أدوات تحسين محركات البحث </a> </li> <li class="mb-2"> <a href="https://3tools.shop/ar/category/%D8%A3%D8%AF%D9%88%D8%A7%D8%AA-%D8%A7%D9%84%D9%85%D8%AC%D8%A7%D9%84-%D9%88%D8%A7%D9%84%D9%85%D9%84%D9%83%D9%8A%D8%A9-%D8%A7%D9%84%D9%81%D9%83%D8%B1%D9%8A%D8%A9" class="text-muted text-decoration-none"> أدوات المجال والملكية الفكرية </a> </li> <li class="mb-2"> <a href="https://3tools.shop/ar/category/%D8%A3%D8%AF%D9%88%D8%A7%D8%AA-%D8%A5%D8%AF%D8%A7%D8%B1%D8%A9-%D8%A7%D9%84%D9%85%D9%88%D9%82%D8%B9" class="text-muted text-decoration-none"> أدوات إدارة الموقع </a> </li> <li class="mb-2"> <a href="https://3tools.shop/ar/category/%D8%A3%D8%AF%D9%88%D8%A7%D8%AA-%D8%AA%D8%B7%D9%88%D9%8A%D8%B1-%D8%A7%D9%84%D9%88%D9%8A%D8%A8" class="text-muted text-decoration-none"> أدوات تطوير الويب </a> </li> <li class="mb-2"> <a href="https://3tools.shop/ar/category/%D8%A3%D8%AF%D9%88%D8%A7%D8%AA-%D8%AA%D8%AD%D8%B1%D9%8A%D8%B1-%D8%A7%D9%84%D8%B5%D9%88%D8%B1" class="text-muted text-decoration-none"> أدوات تحرير الصور </a> </li> <li class="mb-2"> <a href="https://3tools.shop/ar/category/%D8%A7%D9%84%D8%A2%D9%84%D8%A7%D8%AA-%D8%A7%D9%84%D8%AD%D8%A7%D8%B3%D8%A8%D8%A9-%D8%B9%D9%84%D9%89-%D8%A7%D9%84%D8%A7%D9%86%D8%AA%D8%B1%D9%86%D8%AA" class="text-muted text-decoration-none"> الآلات الحاسبة على الانترنت </a> </li> <li class="mb-2"> <a href="https://3tools.shop/ar/category/%D8%A3%D8%AF%D9%88%D8%A7%D8%AA-%D8%A7%D9%84%D9%85%D8%AD%D9%88%D9%84-%D8%A7%D9%84%D8%AB%D9%86%D8%A7%D8%A6%D9%8A" class="text-muted text-decoration-none"> أدوات المحول الثنائي </a> </li> <li class="mb-2"> <a href="https://3tools.shop/ar/category/%D8%A3%D8%AF%D9%88%D8%A7%D8%AA-%D8%AA%D8%AD%D9%88%D9%8A%D9%84-%D8%A7%D9%84%D9%88%D8%AD%D8%AF%D8%A7%D8%AA" class="text-muted text-decoration-none"> أدوات تحويل الوحدات </a> </li> <li class="mb-2"> <a href="https://3tools.shop/ar/category/%D8%A3%D8%AF%D9%88%D8%A7%D8%AA-%D9%85%D8%AA%D9%86%D9%88%D8%B9%D8%A9" class="text-muted text-decoration-none"> أدوات متنوعة </a> </li> </ul> </div> <!-- Legal Column --> <div class="col-lg-2 col-md-6 mb-4"> <h6 class="fw-bold mb-3">قانوني</h6> <ul class="list-unstyled small"> <li class="mb-2"> <a href="https://3tools.shop/ar/page/%D9%85%D8%B9%D9%84%D9%88%D9%85%D8%A7%D8%AA-%D8%B9%D9%86%D8%A7" class="text-muted text-decoration-none"> معلومات عنا </a> </li> <li class="mb-2"> <a href="https://3tools.shop/ar/page/%D8%A7%D8%AA%D8%B5%D9%84-%D8%A8%D9%86%D8%A7" class="text-muted text-decoration-none"> اتصل بنا </a> </li> <li class="mb-2"> <a href="https://3tools.shop/ar/page/%D8%AA%D9%86%D8%B5%D9%84" class="text-muted text-decoration-none"> تنصل </a> </li> <li class="mb-2"> <a href="https://3tools.shop/ar/page/%D8%B3%D9%8A%D8%A7%D8%B3%D8%A9-%D8%A7%D9%84%D8%AE%D8%B5%D9%88%D8%B5%D9%8A%D8%A9" class="text-muted text-decoration-none"> سياسة الخصوصية </a> </li> <li class="mb-2"> <a href="https://3tools.shop/ar/page/%D8%B4%D8%B1%D9%88%D8%B7-%D8%A7%D9%84%D8%AE%D8%AF%D9%85%D8%A7%D8%AA" class="text-muted text-decoration-none"> شروط الخدمات </a> </li> <!-- Static Contact Link --> <li class="mb-2"> <a href="https://3tools.shop/ar/contact" class="text-muted text-decoration-none"> اتصل بنا </a> </li> </ul> </div> <!-- Our YouTube Tools Column --> <div class="col-lg-2 col-md-6 mb-4"> <h6 class="fw-bold mb-3">أدوات يوتيوب الخاصة بنا</h6> <ul class="list-unstyled small"> <li class="mb-2"> <a href="https://3tools.shop/ar/مدقق-قيود-المنطقة-على-يوتيوب" class="text-muted text-decoration-none"> مدقق قيود المنطقة على يوتيوب </a> </li> <li class="mb-2"> <a href="https://3tools.shop/ar/حاسبة-أرباح-يوتيوب" class="text-muted text-decoration-none"> حاسبة أرباح يوتيوب </a> </li> <li class="mb-2"> <a href="https://3tools.shop/ar/مُولّد-رمز-تضمين-يوتيوب" class="text-muted text-decoration-none"> مُولّد رمز تضمين يوتيوب </a> </li> <li class="mb-2"> <a href="https://3tools.shop/ar/مولّد-الهاشتاغات-ليوتيوب" class="text-muted text-decoration-none"> مولّد الهاشتاغات ليوتيوب </a> </li> <li class="mb-2"> <a href="https://3tools.shop/ar/محمّل-صورة-رأس-قناة-يوتيوب" class="text-muted text-decoration-none"> محمّل صورة رأس قناة يوتيوب </a> </li> <li class="mb-2"> <a href="https://3tools.shop/ar/استخراج-عناوين-يوتيوب" class="text-muted text-decoration-none"> استخراج عناوين يوتيوب </a> </li> <li class="mb-2"> <a href="https://3tools.shop/ar/مستخرج-معرف-قناة-يوتيوب" class="text-muted text-decoration-none"> مستخرج معرف قناة يوتيوب </a> </li> <li class="mb-2"> <a href="https://3tools.shop/ar/مُولِّد-عناوين-يوتيوب" class="text-muted text-decoration-none"> مُولِّد عناوين يوتيوب </a> </li> <li class="mb-2"> <a href="https://3tools.shop/ar/youtube-tag-extractor" class="text-muted text-decoration-none"> YouTube Tag Extractor </a> </li> <li class="mb-2"> <a href="https://3tools.shop/ar/مولّد-وسوم-يوتيوب" class="text-muted text-decoration-none"> مولّد وسوم يوتيوب </a> </li> <li class="mb-2"> <a href="https://3tools.shop/ar/مدقق-عمر-قناة-يوتيوب" class="text-muted text-decoration-none"> مدقق عمر قناة يوتيوب </a> </li> <li class="mb-2"> <a href="https://3tools.shop/ar/إحصائيات-قناة-يوتيوب" class="text-muted text-decoration-none"> إحصائيات قناة يوتيوب </a> </li> <li class="mb-2"> <a href="https://3tools.shop/ar/مولّد-روابط-الاشتراك-في-يوتيوب" class="text-muted text-decoration-none"> مولّد روابط الاشتراك في يوتيوب </a> </li> <li class="mb-2"> <a href="https://3tools.shop/ar/مولّد-روابط-الطوابع-الزمنية-لـ-youtube" class="text-muted text-decoration-none"> مولّد روابط الطوابع الزمنية لـ YouTube </a> </li> <li class="mb-2"> <a href="https://3tools.shop/ar/محدد-التعليقات-على-يوتيوب" class="text-muted text-decoration-none"> محدد التعليقات على يوتيوب </a> </li> <li class="mb-2"> <a href="https://3tools.shop/ar/مستخرج-وسوم-يوتيوب" class="text-muted text-decoration-none"> مستخرج وسوم يوتيوب </a> </li> <li class="mb-2"> <a href="https://3tools.shop/ar/مُكتشف-قنوات-يوتيوب" class="text-muted text-decoration-none"> مُكتشف قنوات يوتيوب </a> </li> <li class="mb-2"> <a href="https://3tools.shop/ar/مولّد-وصف-يوتيوب" class="text-muted text-decoration-none"> مولّد وصف يوتيوب </a> </li> <li class="mb-2"> <a href="https://3tools.shop/ar/منزّل-شعار-قناة-يوتيوب" class="text-muted text-decoration-none"> منزّل شعار قناة يوتيوب </a> </li> <li class="mb-2"> <a href="https://3tools.shop/ar/مُحسِّب-نسبة-مشاهدات-يوتيوب" class="text-muted text-decoration-none"> مُحسِّب نسبة مشاهدات يوتيوب </a> </li> <li class="mb-2"> <a href="https://3tools.shop/ar/مستخرج-وصف-يوتيوب" class="text-muted text-decoration-none"> مستخرج وصف يوتيوب </a> </li> <li class="mb-2"> <a href="https://3tools.shop/ar/مدقق-عدد-مقاطع-الفيديو-على-يوتيوب" class="text-muted text-decoration-none"> مدقق عدد مقاطع الفيديو على يوتيوب </a> </li> <li class="mb-2"> <a href="https://3tools.shop/ar/مدقق-طول-عنوان-يوتيوب" class="text-muted text-decoration-none"> مدقق طول عنوان يوتيوب </a> </li> <li class="mb-2"> <a href="https://3tools.shop/ar/مُكبِّر-حروف-عناوين-فيديوهات-يوتيوب" class="text-muted text-decoration-none"> مُكبِّر حروف عناوين فيديوهات يوتيوب </a> </li> <li class="mb-2"> <a href="https://3tools.shop/ar/مُنزّل-صور-مصغرة-لـ-youtube" class="text-muted text-decoration-none"> مُنزّل صور مصغرة لـ YouTube </a> </li> <li class="mb-2"> <a href="https://3tools.shop/ar/إحصائيات-فيديوهات-يوتيوب" class="text-muted text-decoration-none"> إحصائيات فيديوهات يوتيوب </a> </li> </ul> </div> <!-- Newsletter Column --> <div class="col-lg-3 col-md-6 mb-4"> <h6 class="fw-bold mb-3">النشرة الإخبارية</h6> <p class="small text-muted"><p>اشترك في نشرتنا الإخبارية للحصول على التحديثات.</p></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">اشترك</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 3WEBTOOL – أدوات مجانية للويب، تحسين محركات البحث (SEO)، الصور والمطورين. جميع الحقوق محفوظة.</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://3tools.shop/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://3tools.shop/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"> نستخدم ملفات تعريف الارتباط لتحسين تجربتك ولتخصيص الإعلانات. باستمرارك في استخدام هذا الموقع، فإنك توافق على <a href="/page/privacy-policy" class="text-primary text-decoration-none">سياسة الخصوصية</a> الخاصة بنا. </div> <div> <button id="accept-cookies" class="btn btn-primary btn-sm px-4 rounded-pill">قبول</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://3tools.shop/sw.js')
        .then(function(registration) {
            console.log('SW registered:', registration.scope);
        })
        .catch(function(err) {
            console.log('SW failed:', err);
        });
    }
});
</script></body></html>