منسّق HTML
نسّق أجزاء HTML باستخدام منسّق HTML هذا. ألصق الترميز، وسيضع المحتوى الكتلي مثل div وsection وp وul وtable في أسطر منفصلة مع مسافتين بادئتين، ويزيل المسافات الزائدة في المحتوى المضمّن، وينسّق CSS وJavaScript المضمّنين، ويُبقي محتوى pre وtextarea دون تغيير. مثالي لمطوري الويب والمصممين الذين يريدون ترتيب الترميز الملصق أو المولّد أو المصغّر لتسهيل قراءته ومراجعته.
الأسئلة الشائعة
كيف يحدد منسّق HTML مواضع فصل الأسطر؟
يُوسَّع العنصر الذي يحتوي على عناصر فرعية ذات مستوى كتلي، مثل div وsection وarticle وheader وfooter وnav وmain وform وp وh1 إلى h6 وul وol وtable وblockquote، بحيث يظهر كل عنصر فرعي في سطر مستقل مع مسافتين بادئتين. أما العناصر التي لا تحتوي على عناصر فرعية كتلية فتبقى في سطر واحد.
لماذا يظهر مستند HTML الكامل في سطر واحد؟
لا تُعد العناصر html وhead وbody وسومًا ذات مستوى كتلي وفق قواعد المنسّق، لذا يبقى المستند المحاط بها في سطر واحد باستثناء doctype. ألصق المحتوى الموجود داخل body، أو الجزء الذي تعمل عليه، لعرضه بأسطر منفصلة.
ماذا يحدث للمسافات البيضاء؟
داخل المحتوى المضمّن، تُدمج سلاسل المسافات وعلامات الجدولة وفواصل الأسطر في مسافة واحدة، بما يطابق طريقة عرض المتصفحات لها. ويُحافَظ تمامًا على المسافات البيضاء في محتوى عنصري pre وtextarea.
هل تُنسَّق البرامج النصية والأنماط المضمّنة؟
نعم، تُنسَّق كتل style بصيغة CSS وكتل script بصيغة JavaScript، أو بصيغة JSON لأنواع JSON وJSON-LD. وتبقى البرامج النصية ذات الأنواع الأخرى، مثل قوالب النصوص، كما كُتبت تمامًا.
كيف تُكتب العناصر الفارغة؟
تُكتب الوسوم ذاتية الإغلاق مثل <br/> مع مسافة قبل الشرطة المائلة، هكذا <br />. أما العناصر الفارغة المكتوبة دون شرطة مائلة، مثل <img src="a.png">، فتبقى بصيغتها الأصلية.
هل تتغير السمات؟
لا، تُحفَظ السمات وعلامات الاقتباس حولها وترتيبها كما كُتبت تمامًا. يُعاد ترتيب المسافات البيضاء بين العناصر فقط.
هل تُحفَظ التعليقات؟
نعم، تُحفَظ تعليقات HTML وتعليمة doctype وتوضع كل منها في سطر مستقل. ويُنقل محتواها كما هو تمامًا، بما في ذلك الترميز المحاط بالتعليقات.
هل يُصلح المنسّق HTML غير الصالح؟
لا، فهو لا يتحقق من صحة الترميز ولا يُصلحه. تُنسَّق الوسوم غير المغلقة بأفضل شكل ممكن، لذا استخدم أداة تحقق عندما تحتاج إلى العثور على أخطاء بنيوية.
لماذا أُحيطت النتيجة بسياج تعليمات برمجية بصيغة html؟
تُعاد النتيجة في كتلة تعليمات برمجية بصيغة Markdown وموسومة بـ html، لذا تظهر مميزة في Markdown. انسخ الأسطر بين السياجين عند لصقها في ملف .html.
ما مقدار HTML الذي يمكنني تنسيقه؟
حتى 5 MB لكل عملية؛ وتُرفض المدخلات الأكبر مع عرض رسالة. تطابق المخرجات خيار HTML في منسّق الأكواد.