منسّق HTML

كيفية استخدام منسّق HTML

1. الصق ترميز HTML.
2. اختر المسافة البادئة والتفاف السمات.
3. انسخ الترميز المنسّق أو نزّله كملف HTML.

مزايا منسّق HTML

• مسافات بادئة للعناصر الكتلية المتداخلة؛ وتبقى العناصر السطرية مع نصّها
• الحفاظ على محتوى <pre> و<textarea> بايتاً ببايت
• تنسيق <style> المضمّن بمنسّق CSS و<script> بمنسّق JavaScript
• التفاف السمات: أبداً، أو للوسوم الطويلة فقط، أو سمة واحدة في كل سطر
• معالجة العناصر الفارغة (<br> و<img> و<input> …) دون وسوم إغلاق
• الاحتفاظ بالتعليقات وتعليقات IE الشرطية؛ والحفاظ على الأسطر الفارغة
• تعمل مع المستندات الكاملة والمقاطع الجزئية

مثال على منسّق HTML

<div class="card"><h2>Title</h2><p>Some <b>bold</b> text</p><ul><li>One</li><li>Two</li></ul></div>

<div class="card">
  <h2>Title</h2>
  <p>Some <b>bold</b> text</p>
  <ul>
    <li>One</li>
    <li>Two</li>
  </ul>
</div>

الأسئلة الشائعة حول منسّق HTML

ملاحظات تقنية

المنسّق مقسّم رموز (tokenizer) مع طابعة إزاحة، وليس بانياً لشجرة HTML5: فهو لا يطبّق وسوم الإغلاق الضمنية، لذا يتداخل <li>One<li>Two بدلاً من أن يُغلق، ويُطبع وسم الإغلاق الشارد حيث يظهر. وتُحوَّل أسماء الوسوم إلى أحرف صغيرة (فيصبح <MyComponent> هو <mycomponent>)، بينما تُنسخ أسماء السمات ونمط الاقتباس والسمات المنطقية المجردة والكيانات حرفياً؛ وتُمنح القيم غير المقتبسة علامات اقتباس مزدوجة. ويُحدَّد المحتوى الخام لعناصر script وstyle وpre وtextarea بالبحث عن وسم الإغلاق المطابق.

يمرّ محتوى <style> عبر منسّق CSS، و<script> عبر منسّق JavaScript عندما يغيب type أو يكون javascript/ecmascript/module/jsx؛ أما السكربتات الأخرى (JSON-LD والقوالب) فيُعاد إزاحتها فحسب. ولا يُعاد لفّ النص أبداً — فالحد الأقصى لطول السطر يحكم لفّ السمات وضمّ العناصر القصيرة فقط. وتتحوّل CRLF إلى LF، ولا يبقى أكثر من سطر فارغ واحد، وتُعامل العناصر خارج القائمة السطرية الثابتة (60 اسماً)، ومنها المخصصة، كعناصر كتلية، ويُرفض المدخل الذي يتجاوز 500,000 حرف.