كيف أنسق كود HTML غير المرتب؟

الصق كود HTML مع تحديد خيار Beautify، ثم اضبط المسافة البادئة على مسافتان أو 4 مسافات أو Tab. تتحدث المخرجات أثناء الكتابة، ويمكنك نسخها أو تنزيل ملف .html. زر تحميل مثال يعرض عينة.

هل يمكنه التفاف الأسطر الطويلة أو تنسيق CSS و JavaScript المضمنة؟

نعم. خيار الالتفاف يوفر بدون التفاف، 80 عمودًا أو 120 عمودًا، وخيار تنسيق وسوم style و script ينسق أيضاً أكواد CSS و JavaScript داخل تلك الكتل. المحتوى داخل pre و textarea يُترك كما هو تماماً.

كيف أصغر كود HTML للإنتاج؟

اختر Minify. يتم ضغط المسافات البيضاء بين الوسوم وإزالة التعليقات ما لم تؤشر على الإبقاء على التعليقات. الخيارات الاختيارية هي إزالة علامات الاقتباس الاختيارية، اختصار السمات المنطقية وتصغير style و script وخصائص style المضمنة.

هل سيؤدي التصغير إلى إفساد كتل pre أو السكربتات؟

محتوى pre و script و style و textarea محمي أثناء ضغط المسافات البيضاء، ويتم الاحتفاظ بمسافة بين العناصر المضمنة المتجاورة حتى لا تندمج الكلمات. التصغير الاختياري للمضمنات يُطبق فقط إذا أشرت عليه.

هل يُرسل كود HTML إلى خادم؟

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

هل هو مجاني فعلًا؟

نعم. كل أداة مجانية الاستخدام، بدون حساب وبدون بطاقة ائتمان. العمل يجري على جهازك بدلاً من خوادمنا، وهذا ما يبقيها مجانية التشغيل.

هل يعمل على الجوال؟

نعم. يعمل في متصفحات الجوال الحديثة على iOS وأندرويد دون تثبيت أي شيء.

🌐

مُنسِّق ومُصغِّر HTML مجانًا

نسّق HTML أو صغّره مع إزاحة تداخل مناسبة. يحافظ على المحتوى داخل كتل <pre> و<script> و<style>.

يعمل في المتصفح الخاص بكبلا اشتراك، بلا نوافذ منبثقةلا يلزم تسجيل الدخولمجاني للأبد

يعمل دون اتصال بعد التحميل

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

التفاف:

تنسيق <style> و<script>

أفلت ملفًا هنا، أو انقر للتصفح

HTML, HTM · تتم معالجته على جهازك

أو اضغط Ctrl+V للصق من الحافظة

تصفح الملفات

إدخال HTML

HTML منسّق

ستظهر المخرجات هنا…

الاستخدامات الشائعة

تصحيح HTML المعروض على الخادماعرض مخرجات HTML الخام من خادمك (PHP و Rails و Django و Node) بصيغة منفصلة مقروءة.
تنسيق نماذج بريد HTMLHTML البريد الإلكتروني مطول (الجداول والأنماط المضمنة). صيغه لجعله قابلاً للتحرير والصيانة.
تنسيق صفحات HTML الثابتةتستفيد ملفات HTML الثابتة المحررة يدوياً من تنسيق متسق للتحرير التعاوني.
تنظيف HTML المُصدَّر من CMSتصدر WordPress و Wix و Squarespace HTML بأشياء كثيرة. صيغه لجعله قابلاً للتحرير.
تقليل حجم HTML للإنتاجقلل حجم ملف HTML لتحميل صفحة أسرع بإزالة المسافات البيضاء والأحرف غير الضرورية.

كيف يعمل

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

1
المقطّع يمسح الوسوم
يمر ماسح مخصص حرفًا حرفًا على سلسلة HTML، محددًا التعليقات وتعريفات DOCTYPE والوسوم الافتتاحية والختامية والعناصر الفارغة ذاتية الإغلاق (br وimg وinput وغيرها) وعُقد النص الخام. وتتتبع دالة مساعدة مخصصة قيم السمات المقتبسة فلا تتسبب أحرف مثل > داخل سمة (مثل value="a>b") في انقسام الوسم مبكرًا.
2
يُتتبع عمق الإزاحة لكل وسم
في وضع التجميل، يحتفظ المقطّع بعداد للعمق. الوسوم الافتتاحية على مستوى الكتلة تزيد العمق؛ والوسوم الختامية تنقصه قبل كتابتها. وتُبقى العناصر المضمّنة (span وa وstrong وem وغيرها) على السطر نفسه مع محتواها بدلًا من دفعها إلى سطر مزاح خاص بها. ووسوم مثل pre وscript وstyle وtextarea يُخرج محتواها الداخلي حرفيًا لتجنب إفساد الكود الحساس للمسافات أو القابل للتنفيذ.
3
المصغّر يدمج المسافات بأمان
في وضع التصغير، يُستبدل محتوى كتل pre وscript وstyle وtextarea بعلامات مرقّمة قبل أي دمج للمسافات. تُزال تعليقات HTML، وتُحذف تتابعات المسافات البيضاء بين الوسوم — باستثناء ما بين العناصر المضمّنة المتجاورة، حيث تُحفظ مسافة واحدة حتى لا تلتصق الكلمات. ثم تُعاد العلامات إلى محتواها الأصلي.
4
يُعرض الإخراج ويُحفظ اختياريًا
تظهر النتيجة المنسّقة أو المصغّرة مباشرة في لوحة الإخراج مع نسبة تغيّر الحجم. يمكنك نسخها إلى الحافظة أو تنزيلها كملف .html، كل ذلك دون مغادرة المتصفح.