منسّق HTML

نسّق HTML.

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

أربع خطوات: الصق، شغّل، راجع، انسخ. كل شيء يبقى في المتصفح.

الصق المدخلات

الصق المدخلات

أدخل CSS أو HTML أو JSON أو نصًا آخر. لا يُرفع شيء.

شغّل الأداة

شغّل الأداة

انقر تحويل أو تشغيل. تظهر النتيجة فورًا.

راجع المخرجات

راجع المخرجات

اقرأ الرمز المُنشأ والملاحظات قبل الاستخدام.

انسخ واستخدم

انسخ واستخدم

انسخ النتيجة والصقها في مشروعك.

حول هذه الأداة

تضيف الأداة مسافات بادئة إلى HTML حتى تتضح البنية المتداخلة قبل تحويل الأنماط أو مراجعة معالم إمكانية الوصول. لكنها لا تصحّح الشيفرة غير الصالحة، لذا تبقى أدوات التحقق ضرورية.

مثال

المثال المرفق قسم 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>

نصيحة

عندما تنزلق المسافات البادئة بشكل غريب فغالبًا هناك وسم غير مغلق في الأصل.