منسّق HTML وضاغطه
رتّب HTML في شيفرة أنيقة بمسافات بادئة، أو قلّص حجمه لموقعك المباشر.
الإبلاغ عن مشكلة في هذه الأداة
كيفية استخدام منسّق HTML
الصق HTML
الصق صفحة أو مقتطفاً، أو افتح ملف .html أو أفلته. يُنسَّق أثناء الكتابة.
جمّل أو اضغط
يضيف التجميل مسافة بادئة لكل وسم بمسافتين أو 4 مسافات أو علامة جدولة. ويزيل الضغط التعليقات والمسافات التي لا تظهر.
انسخ أو حمّل
انسخ النتيجة أو حمّلها كملف .html. عند الضغط سترى عدد البايتات التي وفّرتها.
لماذا تستخدم Utils365
ضغط آمن
لا يُمس محتوى <pre> و<textarea> و<script> و<style> أبداً، وتُترك مسافة واحدة بين الوسوم السطرية، فتبدو الصفحة كما هي.
شيفرة مقروءة
تحصل الوسوم المتداخلة على مسافة بادئة لكل مستوى، فتصبح الصفحة المضغوطة في سطر واحد سهلة القراءة والتعديل.
شاهد التوفير
يظهر الحجم قبل وبعد ونسبة التوفير فور الضغط.
خصوصية تامة
يُنسَّق HTML في متصفحك ولا يُرفع أبداً، فتبقى الصفحات والقوالب غير المنشورة معك.
الأسئلة الشائعة
ما الذي يزيله ضاغط HTML؟
التعليقات وفواصل الأسطر والمسافات البادئة، والمسافات بين الوسوم التي لا تعرضها المتصفحات. تُحفظ تعليقات Internet Explorer الشرطية القديمة لأنها لا تزال تؤدي وظيفة.
هل سيغيّر الضغط شكل صفحتي؟
لا ينبغي ذلك. المسافات بجوار العناصر الكتلية مثل <div> و<p> لا تظهر أبداً، لذا تُحذف. أما بين العناصر السطرية مثل الروابط والأزرار فتُترك مسافة واحدة، لأنها مرئية هناك.
هل تتغير السكربتات والأنماط؟
لا. يبقى محتوى <script> و<style> كما كُتب تماماً. لتقليصها أيضاً، مرّرها عبر منسّقي JavaScript وCSS.
لماذا يُترك <pre> كما هو؟
داخل <pre> و<textarea> تظهر كل مسافة وفاصل سطر على الصفحة، لذا فإن إزالة أي منها ستغيّر ما يراه الزوار.
هل يصلح المنسّق شيفرة HTML المعطوبة؟
لا. فهو يغيّر التخطيط فقط، لا الوسوم. يبقى وسم الإغلاق المفقود مفقوداً، لذا تحقق من المسافات البادئة: الوسم الذي لا ينتهي يدفع كل ما بعده مستوى إلى الداخل.