Command Palette

Search for a command to run...

من

منسق HTML

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

ما هو منسق HTML؟

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

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

يوضح المثال العملي ما يفعله منسق HTML المجاني هذا بإدخال غير دقيق. لصق <ul>PH1__One<li>Two</ul><p>Hi <b>there</b>، مع الاحتفاظ بـ Beautify ومسافتين محددتين، والنقر فوق تنسيق. يقوم منسق HTML عبر الإنترنت بإغلاق كل من عناصر القائمة والفقرة، ويضع كل li على سطر المسافة البادئة الخاص به، ويحتفظ بـ <p>Hi <b>there</b><li>0__ على سطر واحد لأنه محتوى مضمن قصير. يقرأ الإخراج 5 علامات و5 أسطر و63 بايت، ويدرج تحذيران ما تم إغلاقه تلقائيًا، لذلك لا يقوم منسق كود HTML أبدًا بإصلاح العلامات المكسورة بصمت.

تعمل هذه الأداة بنسبة 100% في متصفحك باستخدام محلل خالٍ من التبعية، لذلك لا يتم تحميل أو تسجيل أي شيء تقوم بلصقه، وتستمر في العمل دون الاتصال بالإنترنت بمجرد تحميل الصفحة. المحلل اللغوي متسامح عمدًا: فهو يطبق نفس قواعد الإغلاق الضمني التي يستخدمها المتصفح لعلامات مثل li وp وtd والخيار، لذلك لا يزال ترميز العالم الحقيقي مع علامات النهاية المحذوفة ينسق بشكل صحيح. يتم نسخ المحتوى الموجود داخل البرنامج النصي والنمط والمسبق ومنطقة النص والعنوان حرفيًا، مما يعني عدم إعادة تحديد المسافة البادئة أو كسر JavaScript وCSS والنص المنسق مسبقًا.

كيفية استخدام منسق HTML؟

  1. الصق HTML الخاص بك

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

  2. اختر تجميل أو تصغير

    اختر Beautify لإعادة وضع مسافة بادئة على العلامات للقراءة والتحرير، أو Minify لطيها إلى أصغر نموذج خالٍ من المسافات البيضاء للإنتاج.

  3. تعيين المسافة البادئة والخيارات

    حدد مسافتين أو 4 مسافات أو علامات تبويب لتجميل المخرجات، وقم بإزالة تعليقات HTML بشكل اختياري. يتم تحليل المستند أولاً، لذلك يتم الإبلاغ عن العلامات غير المغلقة كتحذيرات.

  4. انسخ أو قم بتنزيل النتيجة

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

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

  • تجميل وتصغير

    أعد المسافة البادئة لـ HTML بمسافة 2 أو 4 مسافات أو مسافة بادئة لعلامة التبويب لسهولة القراءة، أو قم بتصغيرها إلى أصغر نموذج خالٍ من المسافات البيضاء، وكلاهما من نفس الأداة.

  • محلل متسامح

    يطبق قواعد الإغلاق الضمني للمتصفح لعلامات مثل li وp وtd والخيار، لذلك يظل الترميز مع علامات النهاية المحذوفة منسقًا بشكل صحيح بدلاً من كسره.

  • النص والنمط محفوظان

    يتم نسخ المحتوى الموجود داخل البرنامج النصي والنمط والمسبق ومنطقة النص والعنوان حرفيًا، لذلك لا يتم إعادة تحديد المسافة البادئة أو تغيير JavaScript وCSS والنص المنسق مسبقًا.

  • إخراج مضمنة

    يتم تشغيل الفقرات القصيرة والمضمنة مثل، قوي، ويبقى على سطر واحد بدلاً من تقسيمه علامة بعلامة، وبالتالي فإن النتيجة تقرأ الطريقة التي ستكتبها بها.

Frequently Asked Questions

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

Comments

0 comments

0/2000 characters

No comments yet. Be the first to share your thoughts!

html formatterhtml beautifierbeautify htmlformat htmlhtml minifierhtml pretty printindent htmlhtml formatter onlineclean up htmlhtml formatter freeonline html formatterhtml code formatter