إذا نظرت إلى ترميز HTML لأي صفحة ويب اليوم ، فسترى عناصر HTML المضمنة في عناصر HTML الأخرى. هذه العناصر التي هي "داخل" أخرى هي ما يُعرف باسم "العناصر المتداخلة" ، وهي ضرورية لبناء أي صفحة ويب اليوم.
ماذا يعني أن عش علامات HTML؟
أسهل طريقة لفهم التعشيش هو التفكير في علامات HTML كمربعات تحمل المحتوى الخاص بك. يمكن أن يشتمل المحتوى الخاص بك على نصوص وصور وما إلى ذلك. إن علامات HTML هي المربعات الموجودة حول المحتوى. في بعض الأحيان ، تحتاج إلى وضع مربعات داخل مربعات أخرى. هذه الصناديق "الداخلية" متداخلة داخل الآخرين.
إذا كان لديك كتلة نصية تريد أن تكون غامقة داخل فقرة ، فسيكون لديك عنصرين HTML بالإضافة إلى النص نفسه.
مثال: هذا هو جملة او حكم على من النص.
هذا النص هو ما سنستخدمه كمثالنا. هنا كيف سيتم كتابتها.
مثال: هذه جملة نص. لأنك تريد أن تكون الكلمة "جملة" غامقة ، فإنك تضيف فتح وغلق علامات غامق قبل هذه الكلمة وبعدها.
مثال: هذا هو جملة او حكم على من النص. كما ترى ، لدينا مربع واحد (الفقرة) يحتوي على محتوى / نص الجملة ، بالإضافة إلى مربع ثانٍ (زوج الوسم القوي) ، والذي سيجعل تلك الكلمة غامقة. عند تعشيق العلامات ، من المهم للغاية أن تقوم بإغلاق العلامات بالترتيب المعاكس الذي فتحته. تفتح أولا ، تليها ، مما يعني أنك عكس ذلك وأغلق ثم طريقة أخرى للتفكير في هذا هو مرة أخرى استخدام القياس من المربعات. إذا قمت بوضع مربع داخل مربع آخر ، يجب عليك إغلاق الجزء الداخلي قبل أن تتمكن من إغلاق الصندوق الخارجي أو المربع الموجود. ماذا لو كنت تريد كلمة واحدة أو كلمتين فقط أن تكون جريئة ، ومجموعة أخرى مائلة؟ إليك كيفية القيام بذلك. مثال: هذا هو جملة او حكم على النص ولها أيضا بعض النص المائل جدا. يمكنك أن ترى أن لدينا مربع الخارجي ، و ، والآن اثنين من العلامات المتداخلة داخله - و ال . يجب إغلاقهما قبل أن يمكن إغلاق المربع المحتوي. مثال: هذا هو جملة او حكم على النص ولها أيضا بعض النص المائل جدا. هذه فقرة أخرى. في هذه الحالة لدينا صناديق داخل صناديق! أكثر مربع خارج هو السبب الأول في اهتمامك بالتداخل هو إذا كنت ستستخدم CSS. تعتمد أوراق الأنماط المتتالية على العلامات لتكون متداخلة باستمرار داخل المستند بحيث يمكنها معرفة أين تبدأ الأنماط وتنتهي. إذا قمت بإعداد نمط يجب أن يؤثر على كافة "الارتباطات الموجودة داخل القسم مع نص فئة" المحتوى الرئيسي "على الصفحة ، فإن التعشيش غير الصحيح يجعل من الصعب على المستعرض معرفة مكان تطبيق هذه الأنماط. دعونا ننظر إلى بعض HTML: مثال: هذا هو جملة او حكم على النص ولها أيضا بعض النص المائل جدا. هذه فقرة أخرى. باستخدام المثال الذي ذكرته للتو ، إذا كنت أرغب في كتابة نمط CSS يؤثر على الارتباط داخل هذا القسم ، وهذا الرابط فقط (على عكس أي روابط أخرى في أقسام أخرى من الصفحة) ، فسوف أحتاج إلى استخدام التعشيش لكتابة أسلوبي ، على هذا النحو: .main-content a { اللون: # F00.}
تتضمن الأسباب الأخرى إمكانية الوصول والتوافق مع المستعرض. إذا كان HTML الخاص بك متداخلاً بشكل غير صحيح ، فلن يكون من السهل الدخول إلى قارئي الشاشة والمستعرضات القديمة - وقد يؤدي ذلك إلى كسر المظهر المرئي للصفحة تمامًا إذا لم تستطع المستعرضات معرفة كيفية عرض صفحة بشكل صحيح لأن عناصر وعلامات HTML خارج المكان. وأخيرًا ، إذا كنت تسعى جاهدًا إلى كتابة HTML صحيحة تمامًا وصحيحة ، فستحتاج إلى استخدام التعشيش الصحيح. بخلاف ذلك ، سيشير كل أداة تحقق إلى HTML على أنه غير صحيح. إضافة المزيد من العلامات المتداخلة
لماذا يجب عليك الاهتمام عن التعشيش