מעצב HTML

איך להשתמש בו

1. הדביקו HTML לתיבת הקלט, פתחו קובץ .html או נסו את הדוגמה.
2. בחרו באפשרות ייפוי לקבלת קוד מוזח וקריא או באפשרות מזעור לפלט קומפקטי.
3. בעת ייפוי, בחרו 2 רווחים, 4 רווחים או טאבים, וקבעו אם לשמור על הערות.
4. העתיקו את התוצאה או הורידו אותה כקובץ .html.

איך זה עובד

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

פעולת הייפוי מניחה כל אלמנט ברמת בלוק (div, p, ul, li, section, table, …) בשורה משלו, עם הזחה לפי עומק הקינון. טקסט ואלמנטים פנימיים כמו a, b, em, span, code, img ו-br נשארים יחד באותה שורה, כך שהרווחים בין המילים והקישורים אינם משתנים באופן שמשנה את תצוגת הדף. רצפים של רווחים ושבירות שורה בטקסט הופכים לרווח בודד, וכך ממילא דפדפנים מציגים אותם.

התוכן של רכיבי pre, textarea, script ו-style מועתק בדיוק כפי שנכתב, כולל רווחים וכל תו < או >. אלמנטים ריקים כמו br, img, input, meta ו-link לעולם אינם מקבלים תג סוגר. תגים סוגרים את עצמם כמו <path /> בתוך SVG מוטבע נשמרים כסוגרים את עצמם.

פעולת המיזעור מצמצמת רווחים בטקסט לרווח בודד, מסירה רווחים ליד אלמנטים ברמת בלוק, מנרמלת את הרווחים בין מאפיינים, ואם האפשרות ״שמירת הערות״ כבויה, מסירה הערות. הערות מותנות נשמרות תמיד.

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

דוגמאות

שאלות נפוצות

פרטיות

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