منسّق HTML
حوّل سطرًا واحدًا طويلًا من HTML إلى كود مرتّب بمسافات بادئة يسهل قراءته وتعديله.
تنسيق HTML أونلاين
كود HTML الخارج من أداة تصميم رسائل البريد، أو من تصدير نظام إدارة محتوى، أو من منشئ صفحات، أو من موقع إنتاج مضغوط، يكون عادةً سطرًا واحدًا هائلًا، والبحث فيه عن div واحد عذاب حقيقي. هذه الصفحة هي منسّق الأكواد مضبوطًا على HTML: الصق الكود فيوضع كل عنصر في سطر مستقل بمسافة بادئة تناسب عمق تداخله.
يتولى التنسيق js-beautify، وهو منسّق مفتوح المصدر واسع الانتشار، يعمل داخل تبويب متصفحك. لا يُرفع أي شيء.
ما الذي يفعله المنسّق
- العناصر الكتلية مثل div وsection وul وli يبدأ كل منها سطرًا جديدًا بمسافة بادئة تحت العنصر الأب.
- العناصر السطرية مثل a وb وspan وem تبقى داخل سطر النص الذي تنتمي إليه.
- السمات تبقى كما كُتبت تمامًا وبالترتيب نفسه.
- الأسطر الفارغة التي أضفتها عن قصد تبقى، بحد أقصى سطرين متتاليين.
متى تنسّق ومتى تضغط
نسّق حين يحتاج إنسان إلى قراءة الملف أو تعديله، واضغط حين يحتاج المتصفح إلى تنزيله: حذف التعليقات والمسافات البادئة يوفّر عادةً من 10 إلى 20% من حجم صفحة HTML قبل gzip. في معظم المواقع يبقى الضغط على الخادم هو المكسب الأكبر، لكن تصغير الكود يفيد مع ذلك في القوالب التي تُضمَّن داخل رسائل البريد أو صفحات أخرى.
أدوات ذات صلة
لملف الأنماط المرافق للصفحة استخدم ضاغط CSS، وللسكربتات منسّق JavaScript. ولمقارنة الكود قبل التعديل وبعده استخدم مقارنة النصوص.