מסמך HTML (.html)

WHATWG תקן

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

ממציא: Tim Berners-Lee & WHATWGשנה: 1993MIME: text/html

המר JSON ל-HTML

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

בדיקה ומטא-נתונים

מערכות הפעלה ומנתחי קבצים מזהים קבצי HTML על ידי בדיקת רצף הבייטים הבינארי הראשוני:

בחר או גרור קבצים לכאן

פרטי - הקבצים לעולם אינם עוזבים את המכשיר שלך

או הדבק Ctrl+V
הבטחת פרטיות ללא העברת נתונים ברשת: 0 בייט הועלו לשרתים חיצוניים. כל העיבוד התבצע באופן מקומי בארגז החול של הדפדפן שלך.

חתימת כותרת ברמת הבייט (Magic Bytes)

מערכות הפעלה ומנתחי קבצים מזהים קבצי HTML על ידי בדיקת רצף הבייטים הבינארי הראשוני:

חתימת HEX (היסט 0):

3C 21 44 4F 43 54 59 50 45 20 68 74 6D 6C

ייצוג ASCII: <!DOCTYPE html

תקינה: WHATWG HTML Living Standard / W3C Recommendation

מפרט טכני

מבנה המכולהזרם טקסט Unicode הבנוי כרכיבי עץ היררכיים של מודל אובייקט המסמך (DOM)
דחיסהזרם טקסט לא דחוס (בדרך כלל נדחס בעת העברה ב־HTTP באמצעות Brotli או Gzip)
סדר בתים (Endianness)זרם טקסט UTF-8 / Unicode (ה־BOM אופציונלי)
מרחבי צבעsRGB, Display P3, Rec.2020 באמצעות CSS Color 4
ערוצים ומבנהסימון היפרטקסט, עיצוב CSS, אינטראקטיביות באמצעות JavaScript, SVG מוטמע, Canvas, אודיו ווידאו
ממדים מרבייםגבולות בד הציור של המסמך אינם מוגבלים (גלילה אינסופית)
שקיפותאטימות מלאה ב־CSS, ערוצי צבע אלפא (rgba/color()) ומצבי מיזוג
הזרמה ופרוגרסיביותניתוח בהזרמה הדרגתית: דפדפנים מציגים רכיבים עוד לפני שההורדה של הקובץ הושלמה

מטריצת השוואה טכנית: HTML מול מתחרים

תכונה טכניתHTML (נוכחי)MDXMLPDF
אינטראקטיביות ולוגיקהסקריפטים מלאים של JavaScript ו-DOMטקסט הצהרתי סטטי בלבדאחסון נתונים (ללא לוגיקה מובנית)סקריפטים מוגבלים לטפסים (AcroJS)
גמישות עיצובשליטה ויזואלית אינסופית ב-CSS3/CSS4עיצוב ברירת מחדל תלוי-ערכהדורש גיליונות עיצוב מסוג XSLTפריסה קבועה לפיקסל
הצגת דפי HTMLנתמך כאשר הדפדפן או מערכת הקריאה מספקים מציג EPUBדורש מנוע רינדור Markdownדורש מציג XML או עיצובדורש תוסף PDF מוטמע
קישוריות (Hyperlinking)קישורי רשת מקוריים (href)תחביר Markdown [text](url)תחביר XML XLinkהערות קישור PDF מוטמעות

מצבי השחתה נפוצים ומדריך שחזור הקסדצימלי (Hex)

הדף מציג תגיות HTML גולמיות כטקסט או תווים זרים משובשים (למשל 'é').

גורם שורש: הצהרת קידוד UTF-8 חסרה ('<meta charset="utf-8">') או כותרות קידוד שאינן תואמות.

שחזור: הוסף את התגית '<meta charset="utf-8">' או קודד מחדש ל-UTF-8 באמצעות ממיר הטקסט של File2File.app.

ניתוח אבטחה ווקטורי תקיפה נגד מנתחי פורמטים (parsers)

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

ווקטורי תקיפה ידועים

  • סקריפטים חוצי אתרים (XSS) מאוחסנים או משתקפים הגונבים עוגיות סשן וטוקני אימות של משתמשים.
  • הזרקת HTML המרמת משתמשים באמצעות ממשקי התחברות מזויפים.
  • פגיעויות אבטחה מבוססות DOM שמתבצע בהן שינוי של document.location או של eval().

שיטות מומלצות להגנה: נקה תמיד קלטי משתמש לא מהימנים באמצעות ספריות חסונות כמו DOMPurify לפני ההוספה ל-DOM.

היסטוריה ואבני דרך

2019W3C ו-WHATWG חותמים על הסכם היסטורי המגדיר את WHATWG HTML Living Standard כמקור האמת היחיד.
2014W3C משלים את המלצת HTML5, המציגה וידאו מקורי, אודיו, קנבס וסמנטיקה רספונסיבית.
1993טים ברנרס-לי מפרסם את טיוטת האינטרנט הרשמית הראשונה של HTML ב-CERN.

יתרונות מרכזיים

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

מגבלות טכניות וחסרונות

  • קובצי .html בודדים אינם כוללים תמונות חיצוניות מקושרות, גופנים או גיליונות עיצוב ללא אריזה (למשל MHTML/Base64).
  • הרינדור עשוי להשתנות מעט בין מנועי דפדפן שונים (Blink, WebKit, Gecko).
  • שטח תקיפה אבטחתי רחב: קלטים שלא עברו סניטציה מצד משתמשים עלולים לגרום לפגיעויות סקריפטים חוצי אתרים (XSS).

עובדות טכניות מעניינות

  • טים ברנרס-לי המציא את HTML ב-CERN בשנת 1989 כדי לעזור לפיזיקאים גרעיניים לשתף בקלות עבודות מחקר בין מחשבים.
  • ל-HTML Living Standard אין מספרי גרסאות (אין HTML6); התקן מתוחזק ומתעדכן ברציפות.
  • ניתן ללחוץ לחיצה ימנית על כל דף אינטרנט בעולם ולבחור ב-'View Page Source' כדי לראות את קוד ה-HTML שעומד מאחוריו.

שאלות טכניות נפוצות

למה משמש HTML?

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

האם אני יכול להמיר HTML ל-PDF או ל-Markdown?

כן. File2File.app יכול לעבד ולהמיר כל קובץ HTML למסמך PDF נקי וניתן להדפסה או לקובץ טקסט Markdown קל משקל, ישירות בדפדפן שלך.

מה ההבדל בין HTML ל-HTML5?

HTML5 הוא האבולוציה המודרנית של HTML, המוסיפה תמיכה מובנית בהפעלת וידאו ואודיו, גרפיקת קנוואס אינטראקטיבית, התאמה למובייל, ואלמנטים סמנטיים נקיים כמו <header>, <article> ו-<footer>.

זוגות המרה קשורים ל-HTML

JSON אל HTML

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

HTML אל JSON

המרת קוד מקור HTML לנתוני JSON הופכת מסמכי אינטרנט קריאים לבני אדם לזוגות מפתח-ערך מובנים לעיבוד פרוגרמטי וקליטה ב-API.

EML אל HTML

המרת קבצי דוא"ל תקניים מסוג RFC 822 לשפת סימון היפרטקסט (HTML) הופכת מיכלי הודעות גולמיים למסמכי אינטרנט הניתנים לצפייה אוניברסלית.