قالب‌بند و مرتب‌کننده HTML

تورفتگی مرتب HTML با حفظ کامل pre و textarea و هشدار تگ‌های بسته‌نشده.

رایگان
همه‌ی این ابزارها داخل مرورگر شما اجرا می‌شوند؛ هیچ داده‌ای به سرور ما ارسال نمی‌شود.
خط خروجی
عنصر
بیشترین عمق
ایراد ساختاری
ایرادهای ساختار تگ‌ها
همه‌ی پردازش داخل مرورگر شما انجام می‌شود و کد شما به هیچ سروری فرستاده نمی‌شود. محتوای pre و textarea بایت‌به‌بایت دست‌نخورده می‌ماند.

درباره‌ی قالب‌بند و مرتب‌کننده HTML

در HTML همه‌ی فاصله‌ها بی‌اثر نیستند: داخل pre و textarea هر فاصله و هر خط تازه دقیقاً همان چیزی است که مرورگر روی صفحه می‌کشد، پس ابزاری که کورکورانه به آن‌ها تورفتگی بدهد ظاهر خروجی را عوض می‌کند. از طرف دیگر li و td و p در استاندارد HTML تگ پایانی اختیاری دارند؛ فهرستی که هیچ بستن li ندارد کاملاً معتبر است و یک تورفتگی‌دهنده‌ی ساده که فقط علامت کوچک‌تر و بزرگ‌تر را می‌شمارد آن را به تودرتویی بی‌معنی تبدیل می‌کند. این ابزار به‌جای شمردن نویسه، درخت واقعی سند را می‌سازد.

راهنمای استفاده از قالب‌بند و مرتب‌کننده HTML

  1. 1

    کد HTML را در کادر ورودی بچسبانید؛ قالب‌بندی همان لحظه انجام می‌شود.

  2. 2

    تورفتگی را انتخاب کنید: ۲، ۳، ۴ یا ۸ فاصله، یا تب.

  3. 3

    اگر تگ‌های باز طولانی دارید گزینه‌ی شکستن تگ باز را روشن کنید تا هر ویژگی روی خط خودش بیفتد.

  4. 4

    شمارنده‌های پایین را ببینید: خط خروجی، تعداد عنصر و بیشترین عمق تودرتویی؛ هشدارهای ساختاری هم با شماره‌ی خط نمایش داده می‌شوند.

  5. 5

    خروجی را با دکمه‌ی کپی بردارید.

پرسش‌های متداول

چرا محتوای داخل pre من تورفته نشد؟

عمدی است. فاصله‌های داخل pre و textarea معنادار هستند و مرورگر عیناً نشانشان می‌دهد، پس تورفتگی دادن به آن‌ها ظاهر صفحه را تغییر می‌داد. محتوای این دو تگ بایت‌به‌بایت کپی می‌شود. محتوای script و style فرق دارد: با روشن بودن گزینه‌اش دوباره تورفتگی می‌گیرد، مگر آنکه داخلش رشته‌ی قالبی با بک‌تیک باشد که در آن صورت دست‌نخورده می‌ماند.

چرا برای br یا img تگ بسته اضافه نمی‌شود؟

چون این‌ها عنصر تهی هستند. area، base، br، col، embed، hr، img، input، link، meta، param، source، track و wbr اصلاً تگ پایانی ندارند و نوشتن یک بستن br نامعتبر است. ابزار هر چهارده مورد را می‌شناسد و اگر خودتان اسلش پایانی به سبک XHTML نوشته باشید، همان را نگه می‌دارد.

هشدار تگ بسته‌نشده حتماً یعنی کد من خراب است؟

نه. عنصرهایی که تگ پایانی اختیاری دارند مثل li، td، tr، p، option و dd هرگز به‌عنوان بسته‌نشده گزارش نمی‌شوند، چون پارسر HTML خودش آن‌ها را می‌بندد. هشدار فقط برای تگ‌هایی می‌آید که واقعاً باید بسته می‌شدند، برای تگ‌های بسته‌ای که هیچ تگ بازی ندارند، و برای تگ‌هایی که به‌جای تودرتو شدن روی هم افتاده‌اند.

محدودیت‌های این ابزار چیست؟

ورودی تا ۸۰۰ هزار نویسه و تودرتویی تا ۵۱۲ سطح پذیرفته می‌شود. ضمناً این یک قالب‌بند است نه اعتبارسنج کامل W3C: نام ویژگی‌ها یا رعایت قواعد معنایی را بررسی نمی‌کند و متن طولانی داخل یک پاراگراف را هم به چند خط نمی‌شکند.