כיצד תגיות HTML Nest נכון
אם אתה מסתכל על סימון HTML עבור כל דף אינטרנט היום, תראה רכיבי HTML הכלולים רכיבי HTML אחרים. אלמנטים אלה הם "בתוך" של אחרים הם מה שמכונה "אלמנטים מקוננים", והם חיוניים לבניית כל דף אינטרנט היום.
מה זה אומר על קן תגיות HTML?
הדרך הקלה ביותר להבין את הקינון היא לחשוב על תגי HTML כעל קופסאות שמחזיקות את התוכן שלך. התוכן שלך יכול לכלול טקסט, תמונות וכו '. תגי HTML הם התיבות מסביב לתוכן. לפעמים, אתה צריך מקומות תיבות בתוך תיבות אחרות. אלה "פנימי" תיבות מקוננות בתוך אחרים.
אם יש לך בלוק של טקסט שאתה רוצה מודגש בתוך פסקה, יהיה לך שני רכיבי HTML, כמו גם את הטקסט עצמו.
דוגמה: זהו משפט של טקסט.טקסט זה הוא מה נשתמש כדוגמה שלנו. הנה איך זה יהיה כתוב.
דוגמה: זהו משפט טקסט.
כי אתה רוצה את המילה "משפט" להיות מודגש, אתה מוסיף פתיחה וסגירה מודגש תגים לפני ואחרי worod.
דוגמה: זהו משפט של טקסט.
כפי שאתה יכול לראות, יש לנו תיבה אחת (הפסקה) שמכילה את התוכן / טקסט של המשפט שלנו, בתוספת תיבה שנייה (זוג תג חזק), אשר יהפוך את המילה כמו מודגש.
כאשר אתה מקנן תגים, חשוב ביותר שתסגור את התגים בסדר הפוך שפתחת אותם. אתה פותח את
תחילה, ולאחר מכן את , כלומר, אתה משנה את זה וסוגר את ולאחר מכן את .
דרך נוספת לחשוב על זה היא שוב להשתמש באנלוגיה של תיבות. אם תניח תיבה בתוך תיבה אחרת, עליך לסגור את הקופסה הפנימית לפני שתוכל לסגור את הקופסה החיצונית או המכילה.
הוספת עוד תגיות מקוננות
מה אם אתה רק רוצה אחת או שתי מילים להיות מודגש, ועוד להגדיר להיות נטוי? הנה איך לעשות את זה.
דוגמה: זהו משפט של טקסט והוא מכיל גם טקסט נטוי מדי. אתה יכול לראות את הקופסה החיצונית שלנו, את , עכשיו יש שני תגים מקוננים בתוכו - ו- . שניהם חייבים להיות סגורים לפני כי תיבת המכיל יכול להיות סגור. דוגמה: זהו משפט של טקסט והוא מכיל גם טקסט נטוי מדי. זוהי פסקה נוספת. << / p> במקרה זה יש לנו תיבות בתוך תיבות! התיבה המרבית היא חלוקת הסיבה מספר אחת כי אתה צריך לדאוג קינון אם אתה הולך להשתמש ב- CSS. גיליונות סגנון מדורגים להסתמך על התגים להיות מקוננות באופן עקבי בתוך המסמך, כך שהוא יכול להגיד היכן סגנונות להתחיל ולסיים. אם תגדיר סגנון שישפיע על כל "הקישורים הנמצאים בתוך החטיבה עם סוג של טקסט" תוכן ראשי "בדף, הקינון השגוי יקשה על הדפדפן לדעת היכן להחיל סגנונות אלה. בואו נסתכל על HTML: דוגמה: זהו משפט של טקסט והוא מכיל גם טקסט נטוי מדי. זהו פסקה נוספת . באמצעות הדוגמה שהזכרתי, אם אני רוצה לכתוב סגנון CSS שישפיע על הקישור בחלוקה זו, ורק הקישור הזה (בניגוד לקישורים אחרים בחלקים אחרים של הדף), אני צריך להשתמש קינון לכתוב את הסגנון שלי, ככזה: סיבות אחרות כוללות נגישות ותאימות דפדפן. אם ה- HTML שלך מקונן בצורה שגויה, הוא לא יהיה נגיש לקוראי מסך ולדפדפנים ישנים יותר - ויכול אפילו לשבור את המראה החזותי של הדף, אם הדפדפנים אינם מסוגלים להבין כיצד לעבד כראוי דף, שכן רכיבי HTML ותגים אינם במקומם. לבסוף, אם אתה שואף לכתוב HTML נכון לחלוטין תקף, תצטרך להשתמש קינון הנכון. אחרת, כל Validator יסמן את ה- HTML שלך שגוי. למה אתה צריך לדאוג קינון