تداخل علامات HTML

كيفية عش علامات HTML بشكل صحيح

إذا نظرت إلى ترميز HTML لأي صفحة ويب اليوم ، فسترى عناصر HTML المضمنة في عناصر HTML الأخرى. هذه العناصر التي هي "داخل" أخرى هي ما يُعرف باسم "العناصر المتداخلة" ، وهي ضرورية لبناء أي صفحة ويب اليوم.

ماذا يعني أن عش علامات HTML؟

أسهل طريقة لفهم التعشيش هو التفكير في علامات HTML كمربعات تحمل المحتوى الخاص بك. يمكن أن يشتمل المحتوى الخاص بك على نصوص وصور وما إلى ذلك. إن علامات HTML هي المربعات الموجودة حول المحتوى. في بعض الأحيان ، تحتاج إلى وضع مربعات داخل مربعات أخرى. هذه الصناديق "الداخلية" متداخلة داخل الآخرين.

إذا كان لديك كتلة نصية تريد أن تكون غامقة داخل فقرة ، فسيكون لديك عنصرين HTML بالإضافة إلى النص نفسه.

مثال: هذه جملة نص.

هذا النص هو ما سنستخدمه كمثالنا. هنا كيف سيتم كتابتها.

مثال: هذه جملة نصية.

لأنك تريد أن تكون كلمة "جملة" بخط سميك ، فإنك تضيف فتح وغامق علامات غامقة قبل هذا الخطر وبعده.

مثال: هذه عبارة عن جملة للنص.

كما ترى ، لدينا مربع واحد (الفقرة) يحتوي على محتوى / نص الجملة ، بالإضافة إلى مربع ثانٍ (زوج الوسم القوي) ، والذي سيجعل تلك الكلمة غامقة.

عند تعشيق العلامات ، من المهم للغاية أن تقوم بإغلاق العلامات بالترتيب المعاكس الذي فتحته. تفتح

أولاً ، متبوعة ، مما يعني عكس ذلك وإغلاق ثم .

طريقة أخرى للتفكير في هذا هو مرة أخرى استخدام القياس من المربعات. إذا قمت بوضع مربع داخل مربع آخر ، يجب عليك إغلاق الجزء الداخلي قبل أن تتمكن من إغلاق الصندوق الخارجي أو المربع الموجود.

إضافة المزيد من العلامات المتداخلة

ماذا لو كنت تريد كلمة واحدة أو كلمتين فقط أن تكون جريئة ، ومجموعة أخرى مائلة؟ إليك كيفية القيام بذلك.

مثال: هذه عبارة عن جملة للنص ، كما تحتوي أيضًا على نص مائل أيضًا.

يمكنك أن ترى أن الصندوق الخارجي ،

، يحتوي الآن على علامتين متداخلتين داخله - وهما و . يجب إغلاقهما قبل أن يمكن إغلاق المربع المحتوي.

مثال: هذه عبارة عن جملة للنص ، ولها أيضًا نص مائل أيضًا.

هذه فقرة أخرى. / p>

في هذه الحالة لدينا صناديق داخل صناديق! المربع الأكثر إفادة هو

أو "القسمة". يوجد داخل هذا المربع زوج من علامات الفقرة المتداخلة ، ويوجد داخل الفقرة الأولى زوج علامة و . مرة أخرى ، انظر إلى أي صفحة ويب اليوم وسوف ترى هذا والمزيد من التعشيش يحدث! هذه هي الطريقة التي يتم بها بناء الصفحات - المربعات داخل الصناديق.

لماذا يجب عليك الاهتمام عن التعشيش

السبب الأول في اهتمامك بالتداخل هو إذا كنت ستستخدم CSS. تعتمد أوراق الأنماط المتتالية على العلامات لتكون متداخلة باستمرار داخل المستند بحيث يمكنها معرفة أين تبدأ الأنماط وتنتهي. إذا قمت بإعداد نمط يجب أن يؤثر على جميع "الروابط الموجودة داخل القسم مع نص فئة" المحتوى الرئيسي "على الصفحة ، فإن التعشيش غير الصحيح يجعل من الصعب على المتصفح معرفة مكان تطبيق هذه الأنماط. دعونا ننظر إلى بعض HTML:

مثال: هذه عبارة عن جملة من النص كما تحتوي أيضًا على نص مائل أيضًا.

هذه فقرة أخرى .

باستخدام المثال الذي ذكرته للتو ، إذا كنت أرغب في كتابة نمط CSS يؤثر على الارتباط داخل هذا القسم ، وهذا الرابط فقط (على عكس أي روابط أخرى في أقسام أخرى من الصفحة) ، فسوف أحتاج إلى استخدام التعشيش لكتابة أسلوبي ، على هذا النحو:

.main-content a {color: # F00؛ }

تتضمن الأسباب الأخرى إمكانية الوصول والتوافق مع المستعرض. إذا كان HTML الخاص بك متداخلاً بشكل غير صحيح ، فلن يكون من السهل الدخول إلى قارئي الشاشة والمستعرضات القديمة - وقد يؤدي ذلك إلى كسر المظهر المرئي للصفحة تمامًا إذا لم تستطع المستعرضات معرفة كيفية عرض صفحة بشكل صحيح لأن عناصر وعلامات HTML خارج المكان.

وأخيرًا ، إذا كنت تسعى جاهدًا إلى كتابة HTML صحيحة تمامًا وصحيحة ، فستحتاج إلى استخدام التعشيش الصحيح. بخلاف ذلك ، سيشير كل أداة تحقق إلى HTML على أنه غير صحيح.