שפת ה-Html הינה שפת התגיות המרכזית בעולם האינטרנט, מעין "שלד" עבור מרבית עמודי התוכן המוצגים בדפדפנים השונים ברשת. באנלוגיה לתהליך הבנייה של מבנה, שפת ה-HTML מהווה את היסודות הראשוניים, עליהם יניחו את הלבנים והמלט שיהיו אחראים על התצורה הסופית של הבית (למשל CSS). במאמר שלפניכם נסביר בדיוק מהי שפת ה-HTML, איזו גרסה היא העדכנית ביותר, ומה הן תגיות החובה אותן צריך לדעת בכדי להתחיל לתכנת ב-HTML
מה זה Html?
Html הינה שפת סימון בסיסית המשמשת ליצירת דפי אינטרנט ויישומי אינטרנט. היא מורכבת מאלמנטים המאורגנים בתוך "תגיות", כאשר מטרת התגיות להורות לדפדפן כיצד עליו להציג את התוכן בעמוד (טקסט, וידאו, מדיה וכדומה). בתוך התגית עצמה ישנן תכונות וערכים, כאשר לצורך הדוגמה תכונה יכולה להיות "גודל הפונט" בעוד הערך יהיה "16PX". כל מסמכי ה-Html חייבים לעמוד בסטנדרטים והחוקים שנקבעו על ידי ארגון ה-W3C (ארגון בינלאומי העוסק בתקינה ברשת); בנוסף הארגון מקפיד לפרסם מגוון הדרכות ומשאבים המשמשים כמקור עזר חיוני למפתחי WEB מתחילים.
מי המציא את שפת ה-Html?
סר טימותי (טים) ג'ון ברנרס-לי הינו מדען מחשב ממוצא אנגלי, שנולד בשנת 1955, הוא האחראי על המצאת הרשת הכלל עולמית (www). טים היה זה שהמציא את דפדפן האינטרנט הראשון, הפרוטוקולים והאלגוריתמים שאפשרו לרשת הבינלאומית לגדול ולהתעצם. בשנת 1989, שם לעצמו מטרה ליצור מערכת היפרטקסט גלובלית, שבה בעצם יוכלו אנשים לחלוק מידע ולקשר מסמכים זה לזה, הרשת הזאת נקראת היום "WEB". בכדי לפתח את רעיון ה-WEB, טים יצר שפה פורצת דרך – שנקראה Html, אשר יצרה קישור בין מסמכי הרשת השונים לבין תוכנת השרת, בשימוש בפרוטוקול ה-Http.
אילו גרסאות קיימות ל-Html?
HTML 2.0
בשנת 1995 פיתח ארגון התקנים הבינלאומי גרסה חדשה לשפת ה-Html המקורית, שנקרא "Html 2.0". הגרסה הזו הביאה עימה מגוון חידושים ויכולות, כמו למשל תמיכה בטבלאות, שדות טפסים, תגים להדגשת טקסט, תמיכה בהזנת סמלים והוספת תווים מיוחדים.
HTML 3.2
בשנת 1997 הוצגה הגרסה החדשה של שפת ה-Html 2.0, היא הביאה עימה חידושים נוספים, כמו תמיכה משופרת בטבלאות (עם אפשרויות לקביעת מרווחים בין תאים, מיזוג תאים ועוד), התווספה האפשרות לקשר קבצי סגנון חיצוניים (CSS), יכולת להטמיע יישומונים וסקריפטים. בנוסף, נוספו תגי עיצוב חדשים כמו "<div>" ו-"<span>". שפת ה-Html 3.2 נחשבה לגרסת מעבר אשר שילבה יכולות חדשות ביחס לגרסת ה-2.0 אך עדיין הייתה מוגבלת ביכולותיה, בהשוואה לגרסת ה-HTML 4.0 שיצאה אחריה.
HTML 4.0
כ-11 חודשים בלבד לאחר השקת גרסת ה-Html 3.2, כבר יצאה גרסה חדשה שנקראה "Html 4.0". גרסה זו הביאה עימה מספר שיפורים משמעותיים, כמו למשל האפשרות להפריד בין התוכן לעיצוב, באמצעות קבצי CSS נפרדים, ויכולת להגדיר את שדות הטפסים כתיבות בחירה או ככפתורי "רדיו". בנוסף, התווספה אפשרות פורצת דרך להטמעת קוד JavaScript ישירות בתוך דף ה-HTML. בשלב זה, כבר ניתן היה להטמיע מולטימדיות כדוגמת צלילים, וידאו וחוויות אינטראקטיביות נוספות. בשנת 1999, פורסמה גרסת תיקונים קלה שנקראה "HTML 4.01", אשר טיפלה במספר באגים שליוו את הגרסה הקודמת, ומספר שגיאות הקלדה ותיקוני אותיות שטופלו.
הגרסה החדשה – HTML5
באוקטובר 2014 הושקה שפת HTML5 אשר לראשונה התרכזה יותר בתוכן הדף מאשר בתצוגה שלו. כלומר, מרגע זה ניתן היה להוסיף תגיות ייעודיות לעיצוב כותרת עליונה/תחתונה, תפריט, מאמר ועוד. מדובר במהלך שנועד לאפשר למנועי חיפוש להבין את התוכן המוצג והמקודד בדף ביתר קלות ביחס לגרסאות הקודמות של שפת ה-HTML. המטרה העיקרית הייתה להתאים את שפת הסימון לאתרי האינטרנט המודרניים והממשקים שלהם.
אילו תגיות הכרחיות בשפת ה-HTML?
בשפת HTML יש מספר תגים הכרחיים שכדאי להכיר ולהשתמש בהם בכל דף:
<!DOCTYPE html> – מגדירה את סוג המסמך כ-HTML5.
<html></html> – התג המקיף את כל תוכן הדף.
<body></body> – מכיל את כל התוכן הגלוי של הדף.
<head></head> – מכיל מידע מטא על הדף כמו כותרת, תגיות ועוד.
<title></title> – קובעת את הכותרת של הדף שמופיעה בשורת הכותרת של הדפדפן.
<h1>, <h2>,…,<h6> – תגי כותרות בדרגות חשיבות שונות.
<p></p> – תג לפסקאות טקסט רגילות.
<a></a> – תג לקישורים חיצוניים או פנימיים.
<img /> – מטמיע תמונות בדף.
<div></div> – תג חיצוני גנרי לארגון ועיצוב אזורים בדף.
<span></span> – תג פנימי גנרי לעיצוב טקסט.
<ul> ו-<ol> – רשימות לא ממוספרות וממוספרות.
<form></form> – תג ליצירת טופס.
<input /> – שדה קלט לטופס.
<script></script> – להטמעת קוד JavaScript בדף.
יש גם תגים נוספים חשובים כמו <nav>, <header>, <footer> ועוד המייצגים סמנטיקה ברורה, אך התגים הנ"ל הם הבסיס ההכרחי לכל דף HTML.
