Skip to main content

Hypertext Markup Language (HTML)

TL;DR

HTML(HyperText Markup Language) היא שפה המשמשת ליצירת דפי אינטרנט. דפים מסוימים יכולים להיכתב ישירות ב-HTML, בעוד שאחרים עשויים להשתמש בבוני דפים או כלים אחרים על מנת ליצור דפי אינטרנט המייצרים גם פלטי HTML, אשר בתורם ניתנים לקריאה על ידי דפדפנים.

מה המשמעות של HTML?

HTML מייצג HyperText Markup Languageוזו השפה המשמשת ליצירת דפי אינטרנט. הוא משתמש בסימונים כדי להגדיר ולעצב אלמנטים. לדוגמה, זה יכול להגדיר גופנים, צבעים, מיקום, קישורים וכו'. למרות שרוב בוני האתרים לא כותבים ישירות ב-HTML, הפלטים הסופיים שנקראים ומתפרשים על ידי דפדפני אינטרנט הם בפורמט HTML. זו הסיבה, בעת לחיצה ימנית על דף אינטרנט כלשהו ובחירה ב"הצג מקור דף", שורת הטקסט הראשונה בחלון המתקבל צריכה להיות <!doctype html>.

מהו המבנה של דף HTML?

בעוד שמבנים עשויים להשתנות, חלק מהאלמנטים שאתה צריך למצוא בכל HTML הם הבאים (עם הסברים נטויים). בדוק זאת בכל דף אינטרנט על ידי לחיצה ימנית בכל מקום ובחירה ב"הצג מקור דף":

<!DOCTYPE html> - זה מראה לדפדפן האינטרנט שזהו קובץ HTML שהוא יכול לקרוא

<html lang="en"> - זה מציג את השפה שבה כתוב דף האינטרנט

<head> - זה מסמן את ההתחלה של קטע הראש, שבו ממוקמים קודים כלליים

<title>כותרת העמוד</title> - זהו מטא תג המציג את כותרת העמוד, המופיעה בלשונית הדפדפן

<meta name="description" content="..." /> - זה משמש לתיאור על מה העמוד עוסק במנועי חיפוש

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, user-scalable=0" /> - זוהי פקודה האומרת כיצד יש להציג את דף האינטרנט גדלי מסך שונים

<meta name="robots" content="index,follow" /> - זה אומר לבוטים שסורקים את הדף שהם יכולים להוסיף אותו לאינדקס ולהוסיף אותו לתוצאות של מנוע החיפוש

<link rel="stylesheet" type="text/css" href="/css/style/style.css”> - זה מחבר את ה-HTML לקובץ CSS, שבו ממוקם עיצוב מפורט יותר עבור הטקסט

<script src="/js/random.js" type="text/javascript"></script> - זה מתחבר לקובץ JavaScript, המשמש להפעלת פעולה בדף האינטרנט

<link rel="canonical" href="https://yourpage.com"/> - אם יש דפים עם תוכן דומה או שניתן למצוא את הדף ביותר מכתובת אתר אחת, זה מראה לסורקים לאיזו כתובת אתר יש להכניס חשבון למטרות סמכות

</head> - זה סוגר את קטע הראש

<body> - זה פותח את קטע הגוף, שבו ממוקם תוכן הדף בפועל

<div class="container"> - זה פותח קטע שנקרא מיכל, שבדרך כלל יוצר את המסגרת לתוכן

<a href="https://yoursiteshomepage.com"><img class="navbar-brand-logo-normal" src="/images/logo.svg" alt="לוגו של ניתוח מבקרים" height="52" width ="180"></a> - זוהי דרך אחת להצבת תמונת לוגו המקשרת לדף הבית שלך

<div class=”first-text”>אלו המילים הראשונות שמוצגות בפועל באתר שלך</div> - טקסט כלשהו שניתן לעצב בקובץ ה-CSS המחובר

...

</body>