مصغّر HTML

مواضع الاحتفاظ بالمسافات البيضاء

يُحوَّل كل تتابع من المسافات وعلامات الجدولة وفواصل الأسطر إلى مسافة واحدة بدلاً من حذفه، لأن المسافة المحاذية للمحتوى المضمّن تكون مرئية: في Read <a href="/guide">the guide</a> now تبقى المسافتان حول الرابط. تُحذف المسافات البيضاء فقط حيث لا يعرضها المتصفح: في بداية عنصر كتلي ونهايته، مثل <p> أو <li> أو <div>، وبين العناصر الكتلية المتجاورة، مثل المسافة البادئة بين عناصر <li>. ويُترك النص داخل <pre> و<textarea> و<script> و<style> كما كُتب تماماً.

يمكن لـ CSS أن يجعل المسافة المحذوفة مهمة مجدداً. فعنصر <div> المنسق بالخاصية display: inline-block أو فقرة تحتوي على white-space: pre-wrap يعرض المسافات البيضاء التي يعتبرها HTML غير مرئية، لذا قارن الصفحة المعروضة بالأصل قبل نشرها.

ما الذي يغيّره محلل المتصفح

تعود القطعة، مثل قالب مكوّن، كقطعة؛ أما الإدخال الذي يحتوي على doctype أو وسم <html> أو <head> أو <body> فيعود كمستند كامل. في كلتا الحالتين، تمر العلامات عبر محلل المتصفح: تُغلق الوسوم غير المغلقة، وتُنقل العناصر الموضوعة في غير مكانها إلى الموضع الذي يحدده المحلل، ويتحول أي doctype لـ HTML إلى <!doctype html>. وتُحذف جميع التعليقات، بما فيها علامات أطر العمل المكتوبة كتعليقات.

تُترك البرامج النصية والأنماط المضمّنة كما هي. صغّر محتواها بشكل منفصل باستخدام مصغّر JavaScript ومصغّر CSS.

طريقة الاستخدام

1. الصق HTML.
2. اختر تصغير HTML.
3. راجع المستند المضغوط ونزّله.

الخصوصية والقيود

يبقى المستند على جهازك. اختبر الصفحات المُنشأة دائمًا، لأن المسافات البيضاء قد تكون مؤثرة في التخطيطات المضمّنة.