אם אתה מסתכל על ה- HTML סימון בכל דף אינטרנט כיום, תראה רכיבי HTML הכלולים ברכיבי HTML אחרים. אלמנטים אלה שנמצאים "בתוך" אלמנטים אחרים מכונים אלמנטים מקוננים, והם חיוניים לבניית כל דף אינטרנט כיום.
מה המשמעות של תגי HTML מקננים?
הדרך הקלה ביותר להבין קינון היא לחשוב על תגי HTML כתיבות שמחזיקות את התוכן שלך. התוכן שלך יכול לכלול טקסט, תמונות ומדיה קשורה. תגי HTML הם התיבות סביב התוכן. לפעמים אתה צריך להציב תיבות בתוך תיבות אחרות. תיבות "פנימיות" אלה מקוננות בתוך אחרים.
אם יש לך גוש טקסט שאתה רוצה מודגש בתוך פיסקה, יהיו לך שניים אלמנטים HTML כמו גם הטקסט עצמו.
דוגמה: זהו משפט טקסט.
הטקסט הזה הוא מה שנשתמש בו כדוגמה שלנו. כך זה ייכתב ב- HTML:
דוגמה: זהו משפט טקסט.
לעשות את המילה משפט מודגש, הוסף תגי פתיחה וסגירה לפני ואחרי המילה.
דוגמה: זהו א משפט של טקסט.
כפי שאתה יכול לראות, יש לנו תיבה אחת (הפסקה) המכילה את תוכן המשפט, בתוספת תיבה שנייה (ה- חָזָק צמד תגים), שהופך את המילה הזו כאל מודגשת.
כשאתה מקנן תגים, סגור את התגים בסדר הפוך שפתחת אותם. אתה פותח את
ראשית, ואחריה , כלומר אתה הופך את זה לסגור את ואז ה-.
דרך נוספת לחשוב על זה היא להשתמש שוב באנלוגיה של תיבות. אם אתה שם תיבה בתוך תיבה אחרת, עליך לסגור את התיבה הפנימית לפני שתוכל לסגור את התיבה החיצונית או המכילה.
הוספת תגים מקוננים נוספים
מה אם אתה רק רוצה שתהיה מילה אחת או שתיים מודגש, ועוד קבוצה להיות נטויה? כך תוכל לעשות זאת.
דוגמה: זהו א משפט של טקסט ויש בו גם חלק טקסט נטוי גַם.
אתה יכול לראות שהתיבה החיצונית שלנו
, עכשיו יש בו שני תגים מקוננים - ה- וה . שניהם חייבים להיות סגורים לפני שניתן יהיה לסגור את התיבה המכילה.
דוגמה: זהו א משפט של טקסט ויש בו גם חלק טקסט נטוי גַם.
זו פסקה נוספת.
במקרה זה, יש לנו קופסאות בתוך קופסאות! התיבה החיצונית ביותר היא
או א. חֲלוּקָה. בתוך הקופסה הזו זוג מקונן. תגי פסקאות, ובתוך הפסקה הראשונה, יש לנו הבא. ו זוג תגים.למה אכפת לך מקינון
הסיבה מספר 1 שעליך לדאוג לקינון היא אם אתה הולך להשתמש ב- CSS. גליונות סגנון מדורגים להסתמך על התגים שמקוננים באופן עקבי במסמך, כך שהוא יכול לדעת היכן סגנונות מתחילים ונגמרים. קינון שגוי מקשה על הדפדפן לדעת היכן ליישם סגנונות אלה. בואו נסתכל על קצת HTML:
דוגמה: זהו א משפט של טקסט ויש בו גם חלק טקסט נטוי גַם.
זה פסקה אחרת.
בעזרת הדוגמה לעיל, אם היינו רוצים לכתוב a סגנון CSS שישפיע על הקישור בתוך חלוקה זו, ורק קישור זה (בניגוד לקישורים אחרים בחלקים אחרים של הדף), נצטרך להשתמש בקינון כדי לכתוב סגנון זה, ככזה:
. main-content a {
צבע: # F00;
}
שיקולים אחרים
גם הנגישות ותאימות הדפדפן חשובות. אם ה- HTML שלך מקונן בצורה שגויה, הוא לא יהיה נגיש לקוראי מסך ולדפדפנים ישנים יותר - והוא אפילו עלול לשבור את מראה חזותי של דף אם הדפדפנים לא מצליחים להבין כיצד ניתן לעבד כראוי דף מכיוון שאלמנטים ותגי HTML לא נמצאים מקום.
לבסוף, אם אתה שואף לכתוב HTML נכון ותקף לחלוטין, יהיה עליך להשתמש בקינון נכון. אחרת, כל מאמת יסמן את ה- HTML שלך כלא נכון.