מעצב HTML
ייפוי HTML עם הזחה מודעת לבלוקים, או כיווץ שלו. התוכן של pre, textarea, script ו-style נשמר.
כיצד להשתמש במעצב HTML
- 01
הדביקו את ה-HTML שלכם בתיבת הקלט.
- 02
בחרו ייפוי כדי להזיח אותו או כיווץ כדי לדחוס אותו.
- 03
בחרו את גודל ההזחה, ואז העתיקו את התוצאה.
מה עושה מעצב ה-HTML
זהו פורמט HTML שמייפה סימון עם הזחה מודעת לחסימה ו-inline, או מקטין אותו על ידי כיווץ רווח לבן והסרת הערות. אתה בוחר את גודל הכניסה בעת היופי.
מיפוי אלמנטים של כניסות לפי האופן שבו הם מקננים, כך שהמבנה של מסמך, אילו אלמנטים מכילים אילו, הופך להיות ברור. זה הופך את ה-HTML בכתב יד או שנוצר להרבה יותר קל לקריאה ולניפוי באגים.
ה-Beautify וגם Minify פועלים לחלוטין בדפדפן שלך, כך שהסימון שלך לעולם לא עוזב את המכשיר שלך.
אלמנטים שהוא משאיר ללא פגע
זה משאיר בכוונה את התוכן של קדם, אזור טקסט, סקריפט וסגנון ללא שינוי, מכיוון שהרווח הלבן בתוך האלמנטים האלה הוא משמעותי: עיצוב מחדש שלהם ישנה טקסט מעוצב מראש, מה המשתמשים מקלידים או את המשמעות של הקוד שלך.
איך הקטנה עובדת
צמצום מסיר הערות ומכווץ ריצות של רווח לבן, אשר מקצץ את גודל הקובץ שדפדפנים צריכים להוריד. זה שימושי ביותר כשלב בנייה עבור דפי ייצור.
למה זה שומר רווח בין תגים
ה-Minifier שומר על רווח בודד בין תגיות במקום להסיר אותו לחלוטין, מכיוון שהרווח הלבן בין אלמנטים מוטבעים מעובד למעשה, ושחרור זה יכול לשנות את הפריסה שלך. זהירות זו מונעת את הבאגים החזותיים העדינים שמקטרים אגרסיביים יכולים לגרום.
שאלות נפוצות
מה עושה ייפוי של HTML?
הוא מזיח את האלמנטים על פי ההיררכיה והמבנה שלהם, ומשאיר את התוכן של pre, textarea, script ו-style ללא שינוי, מאחר שרווחים שם הם משמעותיים.
איך עובד כיווץ HTML?
הוא מסיר הערות ומכווץ רצפים של רווחים לרווח יחיד. הוא שומר על רווחים בודדים בין תגיות במקום להסיר אותם, מכיוון שרווח בין אלמנטים מוטבעים מוצג, והסרתו עלולה להזיז את הפריסה.
האם ה-HTML שלי נשלח לשרת?
לא. גם הייפוי וגם הכיווץ פועלים כולם בדפדפן שלכם, כך שהקוד שלכם לעולם אינו עוזב את המכשיר.