HTML Prettify & Minify - تنسيق HTML عبر الإنترنت مجانا

قم بتجميل HTML الفوضوي بإدخال فاصل مناسب، أو قم بتصغير إلى سطر واحد. اترك ملف .html أو الصق، ثم انسخ أو حمل الترميز المنظف.

HTML المدخل

أو حذف ملف .html

الإخراج المنسق

حول HTML Prettify
مدعوم من js-beautify، يعمل بالكامل في متصفحك. يعيد وضع Prettify تنسيق العلامات على خطوطها الخاصة مع مسارات متسقة؛ وضع Minify يزيل التعليقات ويطي المساحة البيضاء لأصغر حمولة.
استمر في تحسين صورك
ارتق بتحرير الصور إلى المستوى التالي باستخدام هذه الأدوات الشائعة
📝
أضف نصا إلى الصورة
إضافة تسميات توضيحية وعناوين إلى صورتك المحسنة
🖼️
إضافة حدود الصورة
ضع إطار لتأثيرك بحدود جميلة
🗜️
ضغط الصورة
تحسين صورتك المحسنة للمشاركة
📐
تغيير حجم الصورة
تغيير أبعاد الصورة
استكشف جميع أدوات الصور
Frequently Asked Questions
قم بلصق أي HTML — حتى المخرج المصغر بسطر واحد من خط البناء — وتقوم الأداة بإعادة تهيئته مع المسافة البادئة المناسبة، وعلامة واحدة لكل سطر ومساحة بيضاء متسقة. اختر مسافة 2 أو 4 أو 8 مسافات. المخرجات جاهزة للتحميل في محررك أو لصقها في تعليق مراجعة الكود.
usage
يوسع Prettify HTML لسهولة القراءة: كل وسم على سطر خاص به، وأطفال متداخلين في مسابئ، وخطوط فارغة محفوظة بين الأقسام. Minify يزيل التعليقات، ويطوي المساحات البيضاء، ويزيل فواصل الأسطر بحيث يتم شحن الملف في عدد أقل من البايتات. استخدم Prettify للتحرير والمراجعة، وMinify لنشر الإنتاج.
features
لا — js-beautify (المحرك تحت الغطاء) يكتشف كتل السكربت والنمط ويشكل محتواها بقواعد JS أو CSS المناسبة، بحيث تبقى السكريبتات الداخلية صالحة وتبقى أوراق الأنماط قابلة للقراءة. الوسوم ذات الإغلاق الذاتي، وعناصر الفراغ، والسمات ذات المسافات الاسمية (svg:xmlns، xlink:href) كلها تتم التعامل معها بشكل صحيح.
technical
يتعامل مع قوالب HTML وHTML العادية بشكل جيد، لكن JSX النقي (تعبيرات التقويم المجعد، الأجزاء، علامات المكونات المكتوبة بحروف كبيرة) يتم تحليله كHTML وقد يواجه مشاكل تجميلية بسيطة. بالنسبة للكود الخاص بإطار العمل، نوصي ب Prettier المكون للهجتك؛ بالنسبة لملفات HTML الخام و.htm والقوالب أداتنا مثالية.
features
لا يحدث أي رفع. يعمل المنتدى بالكامل في متصفحك باستخدام js-beautify، لذا يمكنك لصق قوالب صفحات داخلية، أو رسائل بريد إلكتروني مسودة، أو HTML تحتوي على بيانات خاصة بأمان دون أن يخرج أي شيء من جهازك.
privacy
يقوم Minify بإزالة تعليقات HTML، ويطيم أي مسافة بيضاء بين العلامات إلى مساحة واحدة، ويزيل فواصل الأسطر. النتيجة هي HTML بعرض متطابق من البايت، وعادة ما يكون أصغر بنسبة 10-30٪. مع gzip على الخادم، يقلل هذا الوزن الأولي للصفحة بشكل ملحوظ في الصفحات التي تحتوي على محتوى كبير.
technical
نعم — اضغط على التنزيل لحفظ الإخراج المصور output.html أو المخرجات المصغرة ك output.min.html. الملف مشفر بتقنية UTF-8، لذا فهو يعمل بشكل جيد بنفس القدر مع الإنجليزية والسيريلية وCJK والمحتوى من اليمين إلى اليسار.
tips
إنها أداة صغيرة مخصصة للمتصفح فقط — بدون تكلفة استضافة — لذا نشحنها مجانا كجزء من مجموعة أدوات المطورين لدينا. لا إعلانات، لا تتبع للمخرجات، لا حدود لحجم الملف سوى ما يمكن لمتصفحك الاحتفاظ به في الذاكرة.
pricing
Use Cases
تنظيف قالب البريد الإلكتروني
غالبا ما يصل HTML عبر البريد الإلكتروني التسويقي من مزودي خدمات ESP ككتلة مصغرة واحدة. قم بتجميله لفحص الهيكل، والعثور على عمود الجدول المكسور، وتصحيح خطأ مطبعي قبل إرسال الدفعة التالية.
marketing
ترحيل محتوى CMS
عادة ما يتطلب التصدير من نظام إدارة محتوى واحد والاستيراد إلى آخر نقل HTML. يجعل Prettify الاختلافات قابلة للقراءة، ويقلل من الحمولة، وكلا الوضعين يحافظان على دقة المحتوى.
development
مخرجات جمع البيانات من الويب
HTML الخام المأخوذ من موقع إلكتروني لا يمكن قراءته بدون تنسيق. قم بتجميل المخرج للعثور على محدد CSS الذي تحتاجه، ثم اكتب قاعدة الاستخراج للمكشطة الخاصة بك.
data
تحسين الموقع الثابت
قم بتصغير محتوى HTML المولد من مولد الموقع الثابت قبل النشر. يقلل من حجم الملف بنسبة 10-30٪ فوق gzip — تحسن ملحوظ لأوقات الرسم الأول على الصفحات التي تعتمد على المحتوى الكثيف.
performance
مقتطفات التوثيق
عند لصق أمثلة HTML في المستندات أو منشورات المدونة أو ملفات README، قم بتجميلها أولا حتى يتمكن القراء من متابعة الهيكل. احتفظ بالنسخة المصغرة لمقارنة "إنتاج الإنتاج".
documentation
مساعد إعادة هيكلة JSX
قبل تحويل جزء من HTML إلى JSX، قم بتجميله بحيث يرى السكربت التحويل شجرة نظيفة. يحفظ إعادة التهيئة اليدوية في ترحيل React/Vue الخاص بك.
development