עיצוב קוד HTML

סדרו קוד ואתרו שגיאות תחביר.

במכשיר שלכם · ללא חשבון

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

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

עברית

הקוד שלכם

אפשרויות וקובץ מהמכשיר

הזחה

פתיחת קובץ טקסט מהמכשיר

ההגדרות הנוספות חלות רק על הלשונית הזו.

התוצאה שלכם

שמירת טיוטה במכשיר הזה

שמירת שינויים בטיוטה הזאת

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

עוד

קיצורי מקלדת

על קישורים ואיפוס

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

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

איך מעצבים קוד HTML

הדביקו HTML כדי לעצב אותו באמצעות מנתח התחביר המצורף של Prettier 3.9.8. הפלט מפוענח שוב ונבדק שהעיצוב נשאר זהה בעיצוב חוזר, לפני שאפשר להעתיק או להוריד אותו.

הבא: סידור קוד CSS

הבא: עיצוב קוד GraphQL

דוגמה

למשל, <p>Hello</p> הופך למסמך HTML עם ריווח אחיד. סוגריים או מירכאות שלא נסגרו גורמים להצגת שגיאת תחביר, והקלט נשאר זמין לתיקון.

לפני השימוש בתוצאה

מנתח התחביר שומר טקסט HTML שבו הרווחים משמעותיים. בלוקי script ו־style נשארים ללא שינוי; HTML שמודבק לעולם אינו מוצג כדף או מורץ. הכלי אינו ממזער קוד; הסרת רווחים ללא ממזער שמבין את השפה עלולה לשנות את המשמעות.

ציטוט העמוד

סגנון הציטוט

ToolOctopus. “עיצוב קוד HTML.” עודכן 7 באוקטובר 2026. https://tooloctopus.com/he/עיצוב-קוד-html.

אם ההנחיות דורשות זאת, יש להוסיף תאריך גישה.

הציטוטים מעוצבים באמצעות citeproc-js של Frank Bennett וסגנונות Citation Style Language. רישיון וקוד מקור.