این ابزار درست کار نمیکند؟
دربارهٔ ابزار «مرتب کردن HTML آنلاین»
این ابزار منبع HTML را برای خوانایی reformat میکند. تگهای تو در تو را re-indent میکند، خطوط طولانی را میشکند، فاصلهگذاری درون ویژگیها را عادی میکند، و خروجیای تولید میکند که به راحتی قابل اسکن و ویرایش است. حالت minification اختیاری فضای خالی را برای کوچکترین خروجی ممکن حذف میکند.
هنگام بازرسی view source در یک صفحه تولید (که در آن همه چیز در یک خط minify شده است)، آمادهسازی HTML برای بررسی کد، تولید خروجی سازگار در سراسر تیم شما، یا تولید HTML minify شده برای استقرار تولید مفید است.
فرمتبند عناصر void HTML5 را درک میکند، محتوای عناصر <pre>، <script>، و <textarea> را verbatim حفظ میکند، و عناصر inline را متفاوت از عناصر سطح بلوک مدیریت میکند تا جریان کلمه دستنخورده باقی بماند.
چطور از این ابزار استفاده کنم؟
چطور HTML minified یا jumbled را pretty-print کنم؟
HTML را بچسبانید
HTML minified یا hand-written-but-messy را در فیلد «HTML» قرار دهید. هم document کامل (با `<!doctype>`) و هم fragment پذیرفته میشوند.
«اجرا» را بزنید
خروجی یک فیلد `formatted` است. indentation دو-فاصله، یک tag در هر خط در breakهای ساختاری. inline-level elementها در یک خط میمانند وقتی مجاور text هستند، پس `<p>Hi <strong>there</strong></p>` به سه خط تبدیل نمیشود.
آنچه حفظ میشود
Attributeها در همان خط opening tag میمانند — هیچ wrapping زمانی که attributeهای زیادی وجود دارد. Commentها (`<!-- … -->`)، `<script>`، `<style>` و محتویات `<pre>` verbatim عبور میکنند تا JS یا متن whitespace-sensitive corrupt نشود.
ملاحظات Round-trip
برای review format کنید، سپس قبل از deploy minify کنید. formatter از HTML نامعتبر forgiving است، پس یک tag از دست رفته در ورودی ممکن است در خروجی زودتر از انتظار شما بسته شود. اگر ورودی مشکوک بود پس از format با W3C validator اعتبارسنجی کنید.