مصغّر HTML

ما الذي يغيّره المنسّق أو المضغّط في الكود؟

يغيّر المنسّق التخطيط — المسافات وفواصل الأسطر والمسافات البادئة — ليصبح HTML أو CSS أو JavaScript متسقاً في القراءة، وبعض المنسّقات يوحّد أيضاً تفاصيل تعدّها اللغة متكافئة، مثل حالة أحرف أسماء الوسوم في HTML أو علامات اقتباس السمات؛ والمضغّط يزيل ما لا يحتاجه المتصفح — التعليقات والمسافات والفواصل المنقوطة الاختيارية — وقد يعيد كتابة القيم بصيغ أقصر مكافئة مثل #fff بدلاً من #ffffff. لا يُقصد بأيٍّ منهما تغيير ما يفعله الكود، لكن راجع الفروق قبل اعتمادها: فالخيار الذي يعيد ترتيب الكود، مثل ترتيب خصائص CSS، قد يغيّر التصريح الذي يسري، وتحويل اسم الوسم إلى أحرف صغيرة يُفسد مكوّناً في إطار عمل يميّز حالة الأحرف مثل <MyComponent>.

كيفية استخدام مصغّر HTML

1. الصق HTML.
2. فعّل الخيارات التي تريدها (إزالة علامات الاقتباس معطّلة افتراضياً).
3. انسخ النتيجة المضغوطة وتحقق من مقدار التوفير في الحجم.

مزايا مصغّر HTML

• طيّ المسافات البيضاء بين الوسوم وداخل النص
• إزالة التعليقات مع الاحتفاظ بالتعليقات الشرطية (<!--[if IE]>) والتعليقات التي تبدأ بـ <!--!
• إزالة اختيارية لعلامات اقتباس السمات حيثما يسمح HTML5 بذلك
• تصغير كتل <style> و<script> المضمّنة
• إزالة السمات الزائدة (type="text/javascript" وtype="text/css" وmethod="get")
• لا يمسّ محتوى <pre> و<textarea> أبداً

مثال على مصغّر HTML

<div class="a">
  <p>Hello   <b>world</b></p>
  <!-- note -->
</div>

<div class="a"><p>Hello <b>world</b></p></div>

الأسئلة الشائعة حول مصغّر HTML

المراجع

• HTML Living StandardWHATWGلغة HTML، بما فيها مراجع المحارف المسماة (الكيانات) وقواعد التحليل التي تتبعها المتصفحات.
• ECMAScript® Language Specification (ECMA-262)Ecma International / TC39معيار لغة JavaScript، بما فيه قواعد RegExp ودلالاتها، وJSON.parse/JSON.stringify، وكائن Date.