מייפה ומכווץ HTML בחינם

כיצד זה עובד

כלי זה מעצב או דוחס HTML באמצעות מפרק אסימונים מודע-תגית כתוב-יד שבנוי ישירות בדף — ללא ספריית עיצוב צד שלישי, ללא מסע הלוך-חזור לשרת. כל תו בסימון שלך מעובד מקומית בדפדפן ברגע שאתה מקליד או מדביק אותו.

1. 1
   מפרק האסימונים סורק את הסימון

   סורק תו-אחר-תו מותאם אישית עובר על מחרוזת ה-HTML, מזהה הערות, הצהרות DOCTYPE, תגיות פתיחה, תגיות סגירה, אלמנטי void סוגרים-עצמיים (br, img, input וכו'), ונקודות טקסט גולמי. עוזר ייעודי עוקב אחר ערכי מאפיין מצוטטים כך שתווים כמו > בתוך מאפיין (למשל value="a>b") לעולם לא גורמים לתגית להתפצל מוקדם.
2. 2
   עומק הזחה נעקב לכל תגית

   עבור מצב ייפוי, מפרק האסימונים שומר מונה עומק. תגיות פתיחה ברמת בלוק מגדילות עומק; תגיות סגירה מקטינות אותו לפני שהן נכתבות. אלמנטים inline (span, a, strong, em וכו') נשמרים על אותה שורה כמו התוכן שלהם במקום להידחף לשורה מוזחת משלהם. תגיות כמו pre, script, style ו-textarea מקבלות את התוכן הפנימי שלהן פלוט כלשונו כדי למנוע פגיעה ברווח-רגיש או קוד הרצה.
3. 3
   המזעור מכווץ רווחים בבטחה

   במצב מזעור, התוכן של בלוקי pre, script, style ו-textarea מוחלף בשומרי-מקום ממוספרים לפני שכל כיווץ רווח קורה. הערות HTML מוסרות, ורצפי רווח בין תגיות מוסרים — פרט לבין אלמנטים inline סמוכים, שם רווח בודד נשמר כדי שמילים לא יתמזגו יחד. שומרי המקום אז משוחזרים לתוכן המקורי שלהם.
4. 4
   הפלט מוצג ואופציונלית נשמר

   התוצאה המעוצבת או המוקטנת מופיעה בזמן אמת בפאנל הפלט לצד אחוז שינוי גודל. אפשר להעתיק אותה ללוח או להוריד אותה כקובץ .html, הכול בלי לעזוב את הדפדפן.

כלים קשורים