Softonic

منسّق HTML

خطوة 1 / 3

الصق شيفرة HTML لا يزيد طولها على 100,000 حرف. لن تُنفَّذ الشيفرة.

التالي: اختر المسافة البادئة

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

نسّق HTML في ثلاث خطوات

  1. 1

    الصق شيفرة HTML

    أدخل الشيفرة التي تريد ترتيبها، سواء كانت مقطعاً أو مستنداً كاملاً.

  2. 2

    اختر المسافة البادئة

    اختر مسافتين أو أربع مسافات للكتل المتداخلة. يتغيّر ترتيب الأسطر، لا وسوم HTML ولا سماتها.

  3. 3

    راجع النتيجة واستخدمها

    قارن النتيجة بالشيفرة الأصلية، ثم انسخها أو نزّلها إذا كانت مناسبة لمشروعك. إذا ظهر تنبيه، فلن تتوفر نتيجة منسّقة.

ما الذي يتغيّر، وما الذي يبقى كما هو؟

يضيف المنسّق مسافات بادئة إلى الكتل واضحة البنية دون تقسيم الجملة عند الوسوم. على سبيل المثال، يمكن تحويل هذا المقطع المكتوب في سطر واحد:

<main><section><h2>الأخبار</h2><p>اقرأ <a href="/news">آخر المستجدات</a>.</p></section></main>

إلى هذا التنسيق:

<main>
  <section>
    <h2>الأخبار</h2>
    <p>اقرأ <a href="/news">آخر المستجدات</a>.</p>
  </section>
</main>

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

قد تؤثر الفراغات بين العناصر في CSS والبرامج النصية والقوالب. وعند إضافة مسافات بادئة إلى كتلة واضحة البنية، قد تُضاف أسطر جديدة ومسافات بين الوسوم. راجع النتيجة قبل استخدامها في مستند يتأثر بالفراغات. يبقى المحتوى داخل <pre> و<code> و<textarea> و<script> و<style> كما أُدخل.

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

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

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

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

تبقى كتل pre وcode وtextarea وscript وstyle المكتملة كما أُدخلت. ولا تعيد الأداة تنسيق محتواها.

يحدث التنسيق في متصفحك. يحتفظ المسار متعدد الخطوات بإدخالك في تخزين الجلسة الخاص بهذا التبويب لكي ينتقل بين الخطوات.

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

أدوات ذات صلة

مولّد إعدادات Webpack

أنشئ ملف webpack.config.js لـ webpack 5 لمشاريع JavaScript الخالصة أو React أو Vue: مع TypeScript وBabel وCSS أو Sass والصور وHtmlWebpackPlugin وخادم التطوير وسطر npm install.

عدّاد FPS

قِس معدل الإطارات FPS في المتصفح عبر requestAnimationFrame: تنعيم، وأدنى وأقصى معدل إطارات، وحد تنبيه، ورسم بياني اختياري. يعمل محليًا بلا رفع ملفات وبلا API.

مرجع جدول ASCII

جدول ASCII كامل من 0 إلى 127 مع التمثيل العشري والست عشري والثماني والثنائي والمرجع الرقمي في HTML لكل محرف، بما في ذلك أكواد التحكم مثل NUL وLF وDEL.

مدقّق OpenAPI

الصق مستند OpenAPI أو Swagger بصيغة JSON أو YAML وافحص بنيته الأساسية: حقل الإصدار وكائن info والمسارات، مع أخطاء وتحذيرات واضحة.

منسّق PHP

أضف فواصل أسطر ومسافات بادئة من مسافتين أو 4 مسافات إلى مقطع PHP بسيط. راجع النتيجة: فهذه الأداة ليست محلّل PHP ولا تطبّق PSR-12.

مولّد مؤشرات التحميل بلغة CSS

أنشئ دوّارًا دائريًا بـ CSS خالص: اضبط القطر وسماكة الحدود واللون وسرعة الدوران، وشاهد المعاينة المباشرة، وانسخ كود CSS جاهزًا للاستخدام. بلا SVG وبلا JavaScript.

الأداة متاحة بلغات أخرى