Si vous examinez le balisage HTML d'une page Web aujourd'hui, vous verrez les éléments HTML contenus dans d'autres éléments HTML. Ces éléments qui sont "à l'intérieur" des autres sont ce qu'on appelle des "éléments imbriqués", et ils sont essentiels à la création de n'importe quelle page Web aujourd'hui.
Que signifie imbriquer des balises HTML?
Le moyen le plus simple de comprendre l'imbrication consiste à considérer les balises HTML comme des zones contenant votre contenu. Votre contenu peut inclure du texte, des images, etc. Les balises HTML sont les zones entourant le contenu. Parfois, vous devez placer des cases à l'intérieur d'autres cases. Ces boîtes "internes" sont imbriquées dans d'autres.
Si vous voulez un bloc de texte que vous voulez en gras dans un paragraphe, vous aurez deux éléments HTML ainsi que le texte lui-même.
Exemple: Ceci est un phrase du texte.
Ce texte est ce que nous allons utiliser comme exemple. Voici comment cela serait écrit.
Exemple: Ceci est une phrase de texte. Parce que vous voulez que le mot "phrase" soit en gras, vous ajoutez des balises en gras d’ouverture et de fermeture avant et après ce mot.
Exemple: Ceci est un phrase du texte. Comme vous pouvez le constater, nous avons une zone (le paragraphe) qui contient le contenu / le texte de notre phrase, plus une deuxième zone (la paire de balises fortes), qui rendra ce mot en gras. Lorsque vous imbriquez des tags, il est extrêmement important de les fermer dans l'ordre inverse de leur ouverture. Vous ouvrez le d'abord, suivi du , ce qui signifie que vous inversez cela et fermez le et puis le Une autre façon de penser à cela consiste à utiliser encore une fois l'analogie des cases. Si vous placez une boîte dans une autre boîte, vous devez fermer la boîte intérieure avant de pouvoir fermer la boîte extérieure ou contenant. Que faire si vous voulez seulement un ou deux mots en gras et un autre en italique? Voici comment faire ça. Exemple: Ceci est un phrase de texte et il a aussi quelques texte en italique aussi. Vous pouvez voir que notre boîte extérieure, la , a maintenant deux tags imbriqués à l'intérieur - le et le . Ils doivent tous deux être fermés avant que la boîte contenant puisse être fermée. Exemple: Ceci est un phrase de texte et il a aussi quelques texte en italique aussi. Ceci est un autre paragraphe. Dans ce cas, nous avons des boîtes à l'intérieur des boîtes! La boîte la plus réussie est la La première raison pour laquelle vous devez vous préoccuper de l'imbrication est d'utiliser CSS. Les feuilles de style en cascade reposent sur l'imbrication constante des balises dans le document, de manière à pouvoir indiquer le début et la fin des styles. Si vous définissez un style qui devrait affecter tous les "liens se trouvant à l'intérieur de la division avec une classe de texte" contenu "sur la page, une imbrication incorrecte rend difficile pour le navigateur de savoir où appliquer ces styles. Regardons un peu de HTML: Exemple: Ceci est un phrase de texte et il a aussi quelques texte en italique aussi. Ceci est un autre paragraphe. En utilisant l'exemple que je viens de citer, si je voulais écrire un style CSS qui aurait un impact sur le lien de cette division, et uniquement sur ce lien (contrairement à d'autres liens dans d'autres sections de la page), il me faudrait utiliser imbriquer pour écrire mon style, en tant que tel: .main-content a { couleur: # F00;}
D'autres raisons incluent l'accessibilité et la compatibilité du navigateur. Si votre code HTML est imbriqué de manière incorrecte, il ne sera plus aussi accessible aux lecteurs d'écran et aux navigateurs plus anciens - et cela pourrait même complètement casser l'apparence visuelle d'une page si les navigateurs ne peuvent pas déterminer comment restituer correctement une page car les éléments et les balises HTML sont hors de propos. Enfin, si vous vous efforcez d’écrire du code HTML parfaitement correct et valide, vous devez utiliser une imbrication correcte. Sinon, chaque validateur marquera votre code HTML comme étant incorrect. Ajout de balises imbriquées
Pourquoi devriez-vous vous soucier de la nidification