Skip to content

منسّق HTML ومُجمِّله وضاغطه

نسّق HTML وجمّله واضغطه فوراً في متصفحك. رتّب الترميز الفوضوي أو اضغطه للنشر — مجاني وخاص ولا يغادر HTML جهازك أبداً.

بدون تتبّع يعمل في المتصفّح مجاني
المسافة البادئة
<bdi>HTML</bdi> المُنسَّق

🔒 100% داخل المتصفح — لا يغادر <bdi>HTML</bdi> جهازك أبداً.

Reviewed for render-safe formatting and whitespace-aware minification — Go Tools Engineering Team · Jun 5, 2026

ما هو تنسيق HTML؟

تنسيق HTML (ويُسمى أيضاً التجميل أو الطباعة المنسّقة) يُعيد كتابة الترميز بتداخل متسق ومسافات بادئة وفواصل أسطر بحيث تكون بنيته سهلة القراءة والتحرير. تُطبَّق الصفحة بشكل مطابق قبل التنسيق وبعده — تتغير المسافات البيضاء فحسب. أما الضغط فيفعل العكس: يحذف التعليقات ويُقلّص المسافات البيضاء — بما فيها CSS وJS المضمّنان — لتحميل الصفحات بشكل أسرع. تقوم هذه الأداة بكلا الأمرين، كلياً في متصفحك.

الميزات الرئيسية

تنسيق وضغط

جمّل الترميز الفوضوي لتسهيل القراءة أو اضغطه — بما فيه CSS وJS المضمّنان — للإنتاج.

قراءة توفير البايتات

اعرف بالضبط كم بايتاً وفّره الضغط في كل تشغيل.

خصوصية 100%

تتم كل المعالجة في متصفحك. لا يُرسَل HTML الخاص بك إلى أي خادم أبداً.

خيارات الأسلوب

اختر مسافة بادئة بمسافتين أو 4 مسافات أو علامة جدولة لتطابق اتفاقياتك.

أمثلة

ترميز مضغوط

<nav><ul><li><a href="/">Home</a></li><li><a href="/about">About</a></li></ul></nav>

حوّل الترميز في سطر واحد إلى شجرة مقروءة بمسافات بادئة.

نموذج مع سمات

<form action="/submit" method="post"><input type="email" name="email" required><button type="submit">Send</button></form>

رتّب عناصر النموذج وسماتها سطراً بسطر.

جدول

<table><thead><tr><th>Name</th><th>Role</th></tr></thead><tbody><tr><td>Ada</td><td>Engineer</td></tr></tbody></table>

أضف مسافات بادئة إلى أقسام الجدول المتداخلة حتى تتضح البنية.

SVG مضمّن

<svg viewBox="0 0 24 24"><path d="M5 12h14"/><path d="M12 5v14"/></svg>

نسّق ترميز SVG المضمّن لتحسين القراءة.

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

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

تفاصيل تقنية

تجميل باستخدام js-beautify
يستخدم محرك js-beautify المُجرَّب لـ HTML لإنتاج مسافات بادئة يمكن التنبؤ بها وإعدادها.
ضغط باستخدام CSSO + Terser
يُقلّص المسافات البيضاء ويحذف التعليقات ويضغط CSS وJS المضمّنين دون تغيير طريقة العرض.
يعمل في المتصفح
يعمل كلياً على جانب العميل؛ لا يغادر HTML جهازك أبداً ولا يصل إلى أي خادم.

أفضل الممارسات

نسّق المصدر واضغط للإنتاج
احتفظ بـ HTML مقروء في مستودعك واضغطه كخطوة بناء.
اختر أسلوب مسافة بادئة واحداً
اتفق على مسافتين أو 4 مسافات أو علامات جدولة للحصول على فروق نظيفة.
انتبه لمسافات pre/textarea
قد يؤثر الضغط على العناصر الحساسة للمسافات البيضاء مثل pre وtextarea — تحقق منها بعد الضغط.

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

كيف أُنسّق HTML أونلاين؟
الصق HTML في مربع الإدخال وانقر على «تنسيق». تُعيد الأداة ضبط المسافات البادئة للترميز مع تداخل صحيح وفواصل أسطر، ثم تتيح لك نسخه. كل شيء يعمل محلياً في متصفحك — لا يُرفَع أي شيء.
كيف أضغط HTML؟
الصق HTML وانقر على «ضغط». تحذف الأداة التعليقات وتُقلّص المسافات البيضاء — بما فيها CSS وJavaScript المضمّنان — لإنتاج أصغر ترميز مكافئ، وتُظهر عدد البايتات التي وفّرتها.
ما الفرق بين تنسيق HTML وضغطه؟
التنسيق (التجميل) يضيف مسافات بادئة وفواصل أسطر لجعل الترميز مقروءاً. أما الضغط فيحذف التعليقات والمسافات البيضاء لتصغير الملف من أجل تحميل أسرع. كلاهما يُطبَّق بشكل مطابق في المتصفح.
هل يؤثر التنسيق على طريقة عرض صفحتي؟
التنسيق يضيف مسافات بيضاء فحسب وهو آمن للترميز العادي. انتبه إلى أن العناصر الحساسة للمسافات البيضاء مثل pre وtextarea قد تتأثر بإعادة التنسيق أو الضغط القسري — تحقق منها بعد المعالجة.
هل HTML الخاص بي آمن مع هذه الأداة؟
نعم. يتم التنسيق والضغط كله محلياً في متصفحك باستخدام JavaScript — لا يُرسَل HTML الخاص بك أبداً إلى أي خادم ولا يُسجَّل ولا يُخزَّن. هذا يجعلها آمنة للترميز الملكي أو غير المطروح، على خلاف الأدوات الخادمية التي تتلقى نسخة من كل ما تلصقه.
هل تضغط CSS وJavaScript المضمّنَين؟
نعم. يضغط الضاغط محتوى style وscript أيضاً، فتمريرة واحدة تُقلّص المستند بالكامل — الترميز والأنماط والسكريبتات معاً.
ما المسافة البادئة التي ينبغي استخدامها لـ HTML؟
مسافتان هما الافتراضي الأكثر شيوعاً وتُبقيان الفروق مضغوطة؛ و4 مسافات تُساعد مع التخطيطات المتداخلة بعمق؛ وعلامات الجدولة تتيح لكل مطوّر اختيار العرض المفضّل. اختر واحداً وطبّقه باتساق — هذه الأداة تدعم الثلاثة جميعاً.

أدوات ذات صلة

عرض جميع الأدوات →

منسّق CSS ومُجمِّله وضاغطه

البرمجة

نسّق CSS وجمّله واضغطه فوراً في متصفحك. رتّب أوراق الأنماط أو اضغطها للنشر — مجاني وخاص ولا يغادر CSS جهازك أبداً.

منسّق JavaScript وضاغطه

البرمجة

نسّق JavaScript وجمّله واضغطه بـ Terser فوراً في متصفحك. رتّب الكود الفوضوي أو اضغطه للنشر — مجاني وخاص ولا يغادر كودك جهازك أبداً.

منسّق SQL ومُجمِّله

البرمجة

نسّق استعلامات SQL وجمّلها واضغطها فوراً في متصفحك. يدعم PostgreSQL وMySQL وSQL Server وBigQuery وSnowflake وOracle وSQLite. مجاني وخاص — لا يغادر SQL جهازك أبداً.

محوّل الأنظمة العددية — ثنائي وست عشري وعشري وثماني

أدوات التحويل

حوّل بين الأنظمة الثنائية والست عشرية والعشرية والثمانية وأي أساس من 2 إلى 36 فوراً — أداة مجانية أونلاين تعمل في متصفّحك. جرّبها الآن.

محوّل Base64 — ترميز وفك ترميز أونلاين

الترميز والتنسيق

رمّز وفك ترميز Base64 مجاناً أونلاين — محوّل فوري مع دعم UTF-8 والرموز التعبيرية. خصوصية 100% — يعمل في متصفّحك. جرّبه الآن.

محوّل Base64 إلى صورة أونلاين

الترميز والتنسيق

فك ترميز سلسلة Base64 أو عنوان URI للبيانات إلى صورة داخل متصفّحك. عاين واقرأ الأبعاد ونوع MIME ثم نزّل كـ PNG أو JPG أو GIF أو SVG. بلا رفع.