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

تنظیم مجدد تورفتگی‌های HTML نامرتب برای خوانایی بهتر، یا فشرده‌سازی آن برای انتشار با حجم کمتر — به همراه بررسی اختیاری تگ‌های خراب.

تورفتگی
اعتبارسنجی
برای قالب‌بندی، فشرده‌سازی یا بررسی، کد HTML را جای‌گذاری یا تایپ کنید.

کد HTML شما در مرورگر خودتان قالب‌بندی، فشرده و بررسی می‌شود. هیچ اطلاعاتی به BroBroGo ارسال نمی‌گردد.

سوالات متداول

تفاوت بین زیباسازی (beautify) و فشرده‌سازی (minify) چیست؟

قابلیت Beautify تورفتگی‌ها و فاصله‌های کدهای نشانه‌گذاری را مجدداً تنظیم می‌کند تا خواندن و ویرایش آن‌ها آسان شود. Minify دقیقاً برعکس عمل می‌کند — فاصله‌های خالی و کامنت‌های غیرضروری برای مرورگر را حذف می‌کند تا حجم فایل کاهش یافته و سریع‌تر بارگذاری شود. هنگام کار زیباسازی کنید و قبل از انتشار، فشرده‌سازی نمایید.

فعال کردن اعتبارسنجی (validation) چه چیزی را بررسی می‌کند؟

این ویژگی مشکلات ساختاری را که مرورگرها معمولاً نادیده می‌گیرند — مانند تگ‌های باز یا نامتناسب، شناسه‌های (ID) تکراری، ویژگی‌های مکرر و کاراکترهای اسکیپ‌نشده — به همراه شماره خط و ستون هر کدام مشخص می‌کند. این یک بررسی ساختاری سریع است، نه یک گزارش کامل انطباق با W3C.

آیا فشرده‌سازی ظاهر صفحه من را تغییر می‌دهد؟

خیر — صفحه شما دقیقاً به همان شکل رندر شده و رفتار می‌کند. فشرده‌سازی فاصله‌های خالی و کامنت‌ها را حذف می‌کند، کدهای CSS و JavaScript درون‌خطی (inline) را فشرده می‌سازد و نقل‌قول‌های اختیاری ویژگی‌ها را حذف می‌کند؛ در نتیجه فقط مواردی را که مرورگر برای نمایش یکسان صفحه نیاز دارد باقی می‌گذارد. متون حساس به فاصله خالی مانند بلوک‌های پیش‌فرمت‌شده (preformatted) بدون تغییر باقی می‌مانند.