تنسيق HTML
اجعل HTML مقروءًا بإزاحة كل وسم حسب عمقه في الشجرة.
الصق كود HTML أو اكتبه، وتظهر النتيجة مع الحجم قبل وبعد فورًا.
عن الأداة
المنسّق يقرأ HTML وسمًا وسمًا ويبني شجرته، ثم يكتب كل وسم في سطر مزاحًا بقدر عمقه. وهو يعرف ما تعرفه المتصفحات عن HTML: الوسوم الفارغة مثل <br> و<img> و<input> لا تُغلق، و<li> و<p> يغلقان نفسيهما عند بدء التالي، فلا يخطئ في عمق الشجرة كما تفعل الأدوات التي تعامل HTML كأنه XML.
محتوى <pre> و<textarea> يُنسخ حرفًا حرفًا لأن مسافاته مقصودة، ومحتوى <script> و<style> يُترك كما هو. الوسوم المضمّنة في وسط الجملة مثل <b> و<a> تبقى في سطر الجملة حتى لا تُكسر الفقرة كلمةً في كل سطر.
اختر المسافة البادئة (مسافتان أو أربع أو Tab). الناتج يفيد لقراءة صفحة نُسخت من مصدر موقع، أو لمراجعة قالب بريد مصغّر، أو لتوحيد شكل الملفات قبل حفظها في المستودع.
أسئلة شائعة
ما الفرق بين تنسيق HTML وتنسيق XML؟
XML صارم: كل وسم يُغلق، ولا وسوم اختيارية. HTML يسمح بوسوم فارغة بلا إغلاق وبإغلاق ضمني لـ li وp وtd. منسّق XML يخطئ في عمق شجرة HTML العادية، ولذلك لكل منهما أداته.
هل يصلح المنسّق الأخطاء في HTML؟
لا. يعيد ترتيب ما فهمه ويشير إلى الوسم الذي لم يُغلق أو الخاصية التي لم تكتمل. تصحيح البنية يبقى بيدك.