منسّق HTML
نسّق HTML وجمّله، بما في ذلك قوائم فئات Tailwind.
حول هذه الأداة
ينسّق HTML ويجمّله: يحصل كل مستوى متداخل على مسافة بادئة، وتبقى العناصر القصيرة في سطر واحد، ولا تُمسّ كتل <pre> و<script> و<style>. لا تصحّح الأداة الشيفرة غير الصالحة، لذا تبقى أدوات التحقق ضرورية.
طريقة الاستخدام
الصق الشيفرة المضغوطة ثم شغّل التنسيق، وتأكد من أن كل وسم مفتوح لا يزال مغلقًا قبل نسخ النتيجة ومتابعة العمل في محرّرك.
مثال
المثال المرفق قسم hero مكتوب في سطر واحد مضغوط.
إدخال
<section class="hero"><h1>CSS to Tailwind</h1><p>Convert utilities in the browser.</p><a href="/">Open</a></section>
مخرجات
<section class="hero">
<h1>CSS to Tailwind</h1>
<p>Convert utilities in the browser.</p>
<a href="/">Open</a>
</section>
نصيحة
عندما تنزلق المسافات البادئة بشكل غريب فغالبًا هناك وسم غير مغلق في الأصل.
معلومات مفيدة
هل يختلف مجمّل HTML عن منسّق HTML؟
لا. كلاهما يعيد إزاحة الشيفرة المتداخلة، لذا تغطي هذه الصفحة عمليتي البحث بأداة واحدة.
ما الذي لا يمسّه، وهل يصلح HTML غير الصالح؟
يبقى محتوى <pre> و<textarea> و<script> و<style> كما كتبته تمامًا. تعيد الأداة الإزاحة فقط: تبقى الوسوم غير المغلقة أو الخاطئة التداخل كما هي، فاستخدم أداة تحقق عندما تهمك البنية.