מהו פורמט HTML?
מעצב HTML משכתב סימון HTML עם הזחה נקייה ועקבית כך שמבנה המסמך קל לקריאה הדבק דף ממוזער, קטע שהועתק מכלי בנייה, או סימון בכתב יד עם כרטיסיות ורווחים לא תואמים, והפורמט מנתח את עץ התג ומדפיס אותו בחזרה עם רמה אחת של הזחה לכל עומק קינון הפעולה ההפוכה, מזעור, מפשיטה את הרווח הלבן הלא משמעותי בין התגים כדי לכווץ את הקובץ לייצור מבלי לשנות את אופן העיבוד של הדפדפן.
לעתים נדירות מגיע HTML גולמי במצב שאתה יכול לסרוק תבניות שרת פולטות אותו בשורה אחת, צרורות ממוטטות אותו, ושברים מודבקים נושאים כל מרווח שהמקור בו נעשה שימוש. ייפוי חושף את הקינון כך שתוכל למצוא את האלמנט שאתה צריך, לזהות תג שמעולם לא נסגר, או להבדיל שתי גרסאות בצורה נקייה. זה הכי חשוב כשאתה מאתר באגים בפריסה, מבקר סימון לנגישות או קורא תוכן של מישהו אחר בפעם הראשונה. מעצב הופך קיר של סוגריים זווית למתווה שאתה יכול לעקוב אחריו.
דוגמה מעובדת מראה מה מעצב HTML החינמי הזה עושה עם קלט מרושל. הדבק את <ul>PH1__One<li>Two</ul><p>Hi <b>there</b>, שמור על ייפוי ו-2 רווחים נבחרים ולחץ על עיצוב. מעצב ה-HTML המקוון סוגר את שני פריטי הרשימה ואת הפסקה, שם כל לי בשורה מחוררת משלו ושומר על <p>Hi <b>there</b><li>0__ בשורה אחת מכיוון שהוא קצר תוכן מוטבע. הפלט קורא 5 תגים, 5 שורות, 63 בתים ושתי אזהרות מפרטות את מה שנסגר אוטומטית, כך שמעצב קוד ה-HTML לעולם לא מתקן סימון שבור בשקט.
כלי זה פועל 100% בדפדפן שלך עם מנתח נטול תלות, כך ששום דבר שאתה מדביק לא מועלה או נרשם, והוא ממשיך לעבוד במצב לא מקוון לאחר טעינת הדף המנתח סובלני בכוונה: הוא מחיל את אותם כללי סגירה מרומזים שבהם משתמש דפדפן עבור תגיות כמו li, p, td ואפשרות, כך שסימון בעולם האמיתי עם תגי קצה שהושמטו עדיין פורמטים בצורה נכונה. תוכן בתוך סקריפט, סגנון, קדם, אזור טקסט וכותרת מועתק מילה במילה, מה שאומר שה-JavaScript, ה-CSS והטקסט המעוצב מראש שלך לעולם אינם מוזנים מחדש או נשברים.
כיצד להשתמש בפורמט HTML?
הדבק את ה-HTML שלך
הדבק כל HTML בלוח הקלט, בין אם הוא ממוזער על שורה אחת, מחורץ באופן לא עקבי או קטע שהועתק מתבנית. לחץ על טען דוגמה כדי להתחיל מדף ריאליסטי קטן.
בחר לייפות או למזער
בחר Beautify כדי להזין מחדש את הסימון לקריאה ועריכה, או Minify כדי למוטט אותו לצורה הקטנה ביותר ללא רווח לבן להפקה.
הגדר הזחה ואפשרויות
בחר 2 רווחים, 4 רווחים או כרטיסיות לייפות פלט, ובאופן אופציונלי הסר הערות HTML. המסמך מנותח תחילה, כך שתגים לא סגורים מדווחים כאזהרות.
העתק או הורד את התוצאה
העתק את ה-HTML המעוצב ללוח שלך או הורד אותו כקובץ.html, ולאחר מכן שחרר אותו לעורך, לתבנית או לדף שלך.
תכונות מפתח
לייפות ולצמצם
הזינו מחדש HTML עם הזחה של 2 רווחים, 4 רווחים או כרטיסיות לקריאה, או צמצמו אותו לצורה הקטנה ביותר ללא רווח לבן, שניהם מאותו כלי.
מנתח סובלני
מיישם את כללי הסגירה המשתמעים של הדפדפן עבור תגים כמו li, p, td ואפשרות, כך שסימון עם תגי קצה שהושמטו עדיין פורמטים בצורה נכונה במקום לשבור.
התסריט והסגנון נשמרו
תוכן בתוך סקריפט, סגנון, קדם, אזור טקסט וכותרת מועתק מילה במילה, כך שה-JavaScript, CSS והטקסט המעוצב מראש שלך לעולם לא יוחזרו או ישתנו.
פלט מודע מוטבע
פסקאות קצרות וריצות מוטבעות כמו a, חזק ו-em נשארים בשורה אחת במקום להיות מפוצלים תג אחר תג, כך שהתוצאה קוראת כמו שהיית כותב אותה.
Frequently Asked Questions
Related Tools
HTML Table Generator
Generate an accessible HTML table from pasted CSV or tab-separated data. Add a header row, caption, striped rows, and borders, then copy the HTML and CSS. Runs client-side.
HTML to Markdown
Convert HTML to clean Markdown instantly. Turns headings, lists, links, images, blockquotes, code blocks and tables into portable GitHub Flavored Markdown. Tolerant of messy CMS markup. Runs client-side.
Markdown Table Generator
Build Markdown tables in a spreadsheet-style editor - import CSV, Excel, or an existing table, set alignment, copy clean GFM
Markdown to HTML
Convert Markdown to clean, semantic HTML with GitHub Flavored Markdown support - tables, task lists, fenced code, heading anchors, live preview and a full HTML document export.
Comments
0 comments
No comments yet. Be the first to share your thoughts!