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