HTML תָג הוא אינדיקציה לדפדפן אינטרנט כיצד דף אינטרנט אמור להיות מוצג, אך HTML אֵלֵמֶנט הוא מרכיב בודד של HTML. אלמנטים של HTML נוצרים באמצעות תגי HTML.
אנשים רבים משתמשים במונחים תגית ואלמנט בערבוביה, וכל מעצב אתרים או מפתח שאתה מדבר איתו יבין למה התכוונת, אבל המציאות היא שיש הבדל קל בין שני המונחים.
תגי HTML
HTML הוא שפת סימון, כלומר, הוא כתוב בקודים שקריאים לאדם מבלי שיהיה צורך לחבר אותו תחילה. במילים אחרות, הטקסט בדף אינטרנט "מסומן" עם קודים אלה כדי לתת לדפדפן האינטרנט הוראות כיצד להציג את הטקסט.
כשאתה כותב HTML אתה כותב תגי HTML. כל תגיות ה- HTML מורכבות ממספר חלקים ספציפיים. הם מציינים את שם התג בין סוגריים זוויתיים, את התוכן עליו משפיעה התג ותכונות שונות המשפיעות על התג בזוג שם / ערך.
הנה דוגמה:
קישור
קטע זה מציג תג עוגן, המציין היפר-קישור. התג נפתח ונסגר. ה rel התכונה לוקחת את הערך לא עוקב.
ב- HTML, ההבדל בין תג פתיחה לתג סגירה הוא נוכחות הנטייה. לדוגמא, הוא תמיד תג עוגן פותח, והוא תמיד תג עוגן סוגר.
יחדיו, תגיות הפתיחה והסגירה וכל מה שמופיע ביניהן מהווים אלמנט HTML.
מהם אלמנטים של HTML?
על פי W3C מפרט HTML, an אֵלֵמֶנט הוא אבן הבניין הבסיסית של HTML והוא מורכב בדרך כלל מ- שני תגים: תג פתיחה ותג סגירה.
כמעט לכל רכיבי ה- HTML יש תג פתיחה ותג סגירה. תגים אלה מקיפים את הטקסט שיוצג בדף האינטרנט. לדוגמה, כדי לכתוב פיסקת טקסט, אתה כותב את הטקסט שיוצג בדף ואז מקיף אותו בתגיות הבאות:
טקסט זה הוא דוגמה לפסקה.
בחלק מאלמנטים ה- HTML אין תג סגירה; הם נקראים אלמנטים ריקים. לפעמים הם מכונים גם קְלָף בּוֹדֵד אוֹ בָּטֵל אלמנטים. קל להשתמש באלמנטים ריקים מכיוון שעליך לכלול רק תג אחד בדף האינטרנט שלך וב- דפדפן יידע מה לעשות. לדוגמה, כדי להוסיף מעבר שורה בודד לדף שלך, השתמש בתג.
אלמנט נפוץ נוסף שכולל רק תג פתיחה הוא ה- תמונה אֵלֵמֶנט. לדוגמה:
באופן כללי, מפתחים משתמשים במונח אֵלֵמֶנט כדי לציין את כל חלקי האלמנט (הן תגי הפתיחה והן התגית הסגירה). הם משתמשים תָג כאשר מתייחסים רק אחד או אחר. זהו השימוש הראוי בשני מונחים אלה.