יש הבדל בין שני תנאים אלה
עיצוב אתרים, כמו כל ענף או מקצוע, יש שפה משלה. כאשר אתה נכנס לתעשייה ולהתחיל לדבר עם עמיתים שלך, אתה ללא ספק להיתקל במבול של מונחים וביטויים כי הם חדשים לך, אבל איזה זרם של הלשונות של אנשי מקצוע הבחור שלך. שני התנאים שתשמע הם HTML "תג" ו "אלמנט".
כפי שאתה שומע את שני המונחים מדובר, אתה יכול להבין כי הם משמשים במידה מסוימת להחלפה. ככזה, שאלה אחת כי רבים אנשי מקצוע חדשים באינטרנט כאשר הם מתחילים לעבוד עם קוד HTML היא "מה ההבדל בין תג HTML HTML אלמנט?"
בעוד שני מונחים אלה דומים במשמעות, הם לא באמת מילים נרדפות. אז מה הדמיון עם שני המונחים האלה? התשובה הקצרה היא שתגים ואלמנטים מתייחסים לסימון המשמש לכתיבת HTML. לדוגמה, תוכל לומר שאתה משתמש בתג
כדי להגדיר פסקה או את אלמנט ליצירת קישורים. אנשים רבים משתמשים במונחים של תג ואלמנט לסירוגין, וכל מעצב אינטרנט או מפתח שאתה מדבר איתו יבינו למה התכוונת, אבל המציאות היא שיש הבדל קל בין שני המונחים.
תגי HTML
HTML הוא שפת סימון , כלומר כתוב עם קודים כי ניתן לקרוא על ידי אדם בלי זה צורך להיות הידור הראשון. במילים אחרות, את הטקסט בדף אינטרנט הוא "מסומן" עם קודים אלה כדי לתת את הוראות דפדפן האינטרנט על איך להציג את הטקסט. תגי סימון אלה הם תגי HTML עצמם.
בעת כתיבת HTML, אתה כותב תגי HTML. כל תגי ה- HTML מורכבים ממספר חלקים ספציפיים, כולל:
- סימן פחות מ <
- מילה או תו הקובעים איזה תג כתוב
- כל מספר של תכונות HTML אופציונליות בצורה של שם = "ערך" name
- ולבסוף סימן גדול מ>
לדוגמה, הנה כמה תגי HTML:
-
-
כל אלה הם תגי פתיחה של HTML, ללא כל תכונות אופציונליות שנוספו להם. תגים אלה מייצגים:
-
- מגדיר פסקה.
- - מגדיר את הדף כ- HTML
- - מגדיר חלוקה.
להלן גם תגי HTML:
-
דוגמאות אלה כוללות תכונות שנוספו לתגי HTML הפתוחים.
-
- היא רשימה לא מסודרת הכוללת מאפיין ID
- לחטיבה יש תכונה מחלקה
- אלמנט העוגן, או הקישור, כולל את התכונה "href"
- תג התמונה עם מאפיין "src"
עבור תגי העוגן והתמונה, התכונות הן למעשה לא אופציונליות, הן נחוצות לתגים אלה להצגה נכונה. אתה צריך להגיד את הקישור לאן ללכת (וזה מה "href" עושה) ואת התמונה מה להראות (וזה מה את "src" תכונה מספקת).
מה הם רכיבי HTML
על פי מפרט ה- W3C HTML, אלמנט הוא גוש הבניין הבסיסי של HTML והוא מורכב בדרך כלל משני תגים : תג פתיחה ותג סגירה. עד כה יש לנו רק הסתכל תגי הפתיחה, אשר מתחיל את האלמנטים. כדי לסיים את הרכיב הזה, אתה כותב את תגי הסגירה המתאימים.
לדוגמה, עבור אלמנט הפסקה שאתה כותב:
p>
זה מורכב תג הפתיחה אשר ראינו לפני רגע, כמו גם את תג הסגירה - p>. סגירת התגים הם באמת רק תג הפתיחה חזר, אבל עם "סלאש קדימה" הוסיף ישירות אחרי "פחות מסמל".
כמעט לכל רכיבי HTML יש תג פתיחה ותג סגירה. תגים אלה מקיפים את הטקסט שיוצג בדף האינטרנט. לדוגמה, כדי לכתוב פסקה של טקסט, אתה כותב את הטקסט כך שיוצג בדף ולאחר מכן יקיף אותו עם התגים הבאים:
זה המקום שבו היית כותב את הטקסט של הפסקה שאתה רוצה להציג בדף האינטרנט. p>
לחלק מרכיבי ה- HTML אין תג סגירה. אלה נקראים "אלמנטים ריקים". לפעמים, הם מכונים גם אלמנטים " סינגלטון " או "ריק". אלמנטים ריקים הם קלים לשימוש, כי אתה רק צריך לכלול תג אחד בדף האינטרנט שלך הדפדפן יידע מה לעשות. לדוגמה, כדי להוסיף שורת שורה אחת לדף שלך, תשתמש בתג b
.רכיב נפוץ נוסף הכולל רק תג פתיחה הוא האלמנט "image". לדוגמה:
ראינו את הדוגמה הזו קודם לכן, אך אין תג סגירה עבור אלמנט תמונה זה. הדפדפן פשוט יחליף את הקוד הזה בתמונה שמופנית בתכונה "href". במקרה זה, זה יהיה "logo.png".
באופן כללי, כאשר אני מתייחס אלמנט HTML או תג, אני אשתמש במושג "אלמנט" כדי לציין שאני מתייחס לכל חלקי האלמנט (הן תגי הפתיחה והן הסגירה). אני משתמש "תג" אני באמת מתייחס רק אחד או השני. זה השימוש הנכון של שני המונחים האלה, ואני ממליץ לך להשתמש בהם כראוי - אבל רק יודע שאם אתה להחליק ולשלב אותם קצת, אתה עדיין תהיה מובנת על ידי עמיתים חדשים בפיתוח האינטרנט שלך!
מאמר מקורי מאת ג'ניפר קרינין. בעריכת ג'רמי ג'ירארד ב -7 / 7/17
-