מהו תג HTML לעומת אלמנט HTML?

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

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

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

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

תגי HTML

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

בעת כתיבת HTML, אתה כותב תגי HTML. כל תגי ה- HTML מורכבים ממספר חלקים ספציפיים, כולל:

• סימן פחות

  <

• מילה או תו הקובעים איזה תג כתוב
• כל מספר של תכונות HTML אופציונליות בצורה של

  שם = "ערך" זוג

• ולבסוף סימן גדול מ

  >

לדוגמה, הנה כמה תגי HTML:

כל אלה הם תגי פתיחה של HTML, ללא כל תכונות אופציונליות שנוספו להם. תגים אלה מייצגים:

• - מגדיר פסקה

• - מגדיר את הדף כ- HTML

• - מגדיר חלוקה

להלן גם תגי HTML:

• 

דוגמאות אלה כוללות תכונות שנוספו לתגי HTML הפתוחים.

• ה
  היא רשימה לא מסודרת הכוללת מאפיין ID
• לחטיבה יש תכונה מחלקה
• אלמנט העוגן, או הקישור, כולל את התכונה "href"
• תג התמונה עם מאפיין "src"

עבור תגי העוגן והתמונה, התכונות הן למעשה לא אופציונליות, הן נחוצות לתגים אלה להצגה נכונה. אתה צריך להגיד את הקישור לאן ללכת (וזה מה "href" עושה) ואת התמונה מה להראות (וזה מה את "src" תכונה מספקת).

מה הם רכיבי HTML?

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

לדוגמה, עבור אלמנט הפסקה שאתה כותב:

זה מורכב תג הפתיחה אשר ראינו לפני רגע, כמו גם את תג הסגירה -

. סגירת תגים הם רק תג הפתיחה חזר, אבל עם "סלאש קדימה" נוסף ישירות אחרי "פחות מ" סמל.

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

זה המקום שבו היית כותב את הטקסט של הפסקה כי אתה רוצה להציג בדף האינטרנט.

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

רכיב נפוץ נוסף הכולל רק תג פתיחה הוא האלמנט "image". לדוגמה:



ראינו את הדוגמה הזו קודם לכן, אך אין תג סגירה עבור אלמנט תמונה זה. הדפדפן פשוט יחליף את הקוד הזה בתמונה שמופנית בתכונה "href". במקרה זה, זה יהיה "logo.png".

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