زیباساز و فشرده‌ساز HTML رایگان

نحوه کار

این ابزار HTML را با استفاده از یک توکنایزر تگ-آگاه دست‌نویس مستقیماً ساخته‌شده در صفحه قالب‌بندی یا فشرده می‌کند — بدون کتابخانه قالب‌بندی شخص‌ثالث، بدون رفت‌وبرگشت سروری. هر کاراکتر از مارک‌آپ شما لحظه تایپ یا جای‌گذاری‌کردن به‌صورت محلی در مرورگر پردازش می‌شود.

1. 1
   توکنایزر مارک‌آپ را اسکن می‌کند

   یک اسکنر کاراکتر-به-کاراکتر سفارشی رشته HTML را می‌گردد و کامنت‌ها، اعلان‌های DOCTYPE، تگ‌های باز، تگ‌های بسته، عناصر خالی خودبسته (br، img، input، و غیره)، و گره‌های متن خام را شناسایی می‌کند. یک کمک‌کننده اختصاصی مقادیر ویژگی نقل‌قول‌شده را ردیابی می‌کند پس کاراکترهایی مانند > درون یک ویژگی (مثلاً value="a>b") هرگز باعث شکستن زودهنگام تگ نمی‌شوند.
2. 2
   عمق تورفتگی برای هر تگ ردیابی می‌شود

   برای حالت زیباسازی، توکنایزر یک شمارنده عمق نگه می‌دارد. تگ‌های باز سطح-بلوک عمق را افزایش می‌دهند؛ تگ‌های بسته آن را پیش از نوشته‌شدن کاهش می‌دهند. عناصر درون‌خطی (span، a، strong، em، و غیره) در همان خط محتوای خود نگه داشته می‌شوند به‌جای هُل‌داده‌شدن به خط تورفته خودشان. تگ‌هایی مانند pre، script، style، و textarea محتوای درونی خود را عیناً منتشر می‌کنند تا از فاسدشدن کد حساس-به-فضای-خالی یا اجرایی جلوگیری شود.
3. 3
   مینیفایر فضای خالی را ایمن جمع می‌کند

   در حالت مینیفای، محتوای بلوک‌های pre، script، style، و textarea پیش از هرگونه جمع‌شدن فضای خالی با نگهبان‌های شماره‌دار جایگزین می‌شوند. کامنت‌های HTML حذف می‌شوند، و توالی‌های فضای خالی بین تگ‌ها برداشته می‌شوند — به‌جز بین عناصر درون‌خطی مجاور، جایی که یک فاصله تک نگه داشته می‌شود تا کلمات به هم نچسبند. جانگهدارهای نگهبان سپس به محتوای اصلی خود بازگردانده می‌شوند.
4. 4
   خروجی نمایش داده و به‌طور اختیاری ذخیره می‌شود

   نتیجه قالب‌بندی‌شده یا مینیفای‌شده به‌صورت زنده در پنل خروجی همراه با درصد تغییر اندازه ظاهر می‌شود. می‌توانید آن را در کلیپ‌بورد کپی کنید یا به‌عنوان فایل .html دانلود کنید، همه بدون ترک مرورگر.

ابزارهای مرتبط