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