منسق HTML

نبذة عن منسق HTML

يعيد «منسق HTML» إضافة المسافات البادئة إلى صفحة أو جزء منها بواسطة js-beautify، المحرك الذي يقوم عليه beautifier.io، في متصفحك. تحصل العناصر المتداخلة على مسافتين لكل مستوى، وتضاف المسافات البادئة أيضا إلى محتوى <head> و<body>. وتنسق كتل <script> و<style> المضمنة على أنها JavaScript وCSS. ولا تفتح العناصر الفارغة مثل <br> و<img> مستوى جديدا، وتبقى السمات كما كتبت، ويترك محتوى <pre> و<textarea> كما كتب تماما، لأن المسافات فيه مرئية. ولا تقسم الأسطر الطويلة. ولا يتحقق من صحة كود HTML: تنسق الوسوم غير المغلقة دون أي تحذير.

مثال

مقتطف من سطر واحد: يحتفظ محتوى <pre> بمسافاته، وينسق النص البرمجي.

<div><p>Hello <b>world</b></p><pre>  a
   b</pre><script>if(x){go()}</script></div>

<div>
  <p>Hello <b>world</b></p>
  <pre>  a
   b</pre>
  <script>
    if (x) {
      go()
    }
  </script>
</div>

كيفية تنسيق كود HTML

1. 1الصق كود HTML، مستندا كاملا أو مقتطفا، في «الإدخال».
2. 2انقر على «تنسيق».
3. 3راجع الكود بمسافاته البادئة في «الإخراج».
4. 4انقر على «نسخ» أو «تنزيل» («formatted.html»).

الصيغ والحدود

الإدخال

مستند HTML أو جزء منه، كنص

الإخراج

كود HTML بمسافات بادئة، يحفظ باسم formatted.html

المسافة البادئة

مسافتان لكل مستوى؛ تبقى الأسطر الفارغة، لكن لا يتتالى منها أكثر من سطر واحد؛ دون التفاف الأسطر

ما يبقى دون تغيير

محتوى <pre> و<textarea>، وقيم السمات

أين يعالج كود HTML الخاص بك

تجلب الصفحة js-beautify عند أول نقرة على «تنسيق»، ويعمل على جهازك، لذا لا يرفع كود HTML الخاص بك إلى خادمنا. إذا عرضت الصفحة رسالة خطأ، يتلقى سجل الأخطاء لدينا تلك الرسالة منقحة، بعد حذف المقاطع المقتبسة والأرقام الطويلة والعناوين منها، ومعها اسم الأداة واسم متصفحك وإصداره.

الأسئلة الشائعة

نصائح وحيل

• ✓لتصغير كود HTML بدلا من توسيعه، استخدم «تصغير الكود» في وضع HTML.

أدوات ذات صلة

• منسق CSS
• منسق JavaScript
• منسق الكود
• منسق JSON