Éléments HTML : éléments de niveau bloc ou éléments en ligne

Il existe également un troisième type d'éléments en HTML : ceux qui ne sont pas affichés du tout. Ces éléments fournissent des informations sur la page mais ne s'affichent pas lorsqu'ils sont affichés dans un navigateur Web.

Par exemple:

• définit les styles et les feuilles de style.
• définit les métadonnées.
• est l'élément de document HTML qui contient ces éléments.

Commutation des types d'éléments en ligne et en bloc

Vous pouvez changer le type d'un élément d'inline à block, ou vice versa, en utilisant l'une de ces propriétés CSS :

• |__+_|
• |__+_|
• |__+_|

La CSS La propriété d'affichage vous permet de changer une propriété en ligne en bloc, ou un bloc en ligne, ou ne pas afficher du tout.

Quand changer la propriété d'affichage

En général, laissez la propriété d'affichage seule, mais il existe certains cas où la permutation des propriétés d'affichage en ligne et en bloc peut être utile.

Menus de liste horizontaux :Les listes sont des éléments de niveau bloc, mais si vous souhaitez que votre menu s'affiche horizontalement, vous devez convertir la liste en un élément en ligne afin que chaque élément de menu ne commence pas sur une nouvelle ligne. En-têtes dans le texte :Parfois, vous souhaiterez peut-être qu'un en-tête reste dans le texte, mais conservez les valeurs d'en-tête HTML. Changer les valeurs h1 à h6 en inline permettra au texte qui vient après sa balise de fermeture de continuer à s'écouler à côté d'elle sur la même ligne, au lieu de commencer sur une nouvelle ligne. Suppression de l'élément :Si vous souhaitez supprimer complètement un élément de la débit normal , vous pouvez définir l'affichage sur |__+_|Une note, soyez prudent lorsque vous utilisez display : none. Bien que ce style rende effectivement un élément invisible, vous ne voudrez jamais l'utiliser pour masquer le texte que vous avez ajouté pour des raisons de référencement, mais que vous ne souhaitez pas afficher pour les visiteurs. C'est un moyen infaillible de pénaliser votre site pour une approche chapeau noir du référencement.

Erreurs courantes de formatage des éléments en ligne

L'une des erreurs les plus courantes commises par un nouveau venu dans la conception Web est d'essayer de définir une largeur sur un élément en ligne. Cela ne fonctionne pas car les largeurs des éléments en ligne ne sont pas définies par la boîte du conteneur.

Les éléments en ligne ignorent plusieurs propriétés :

• |__+_| et |__+_|
• |__+_| et |__+_|
• |__+_| et |__+_|

Microsoft Internet Explorer (remplacé par Microsoft Edge) a par le passé appliqué de manière incorrecte certaines de ces propriétés, même aux boîtes en ligne. Ce n'est pas conforme aux normes. Ce n'est peut-être pas le cas avec les nouvelles versions du navigateur Web de Microsoft.

Si vous avez besoin de définir la largeur ou la hauteur qu'un élément doit occuper, vous voudrez l'appliquer à l'élément de niveau bloc contenant votre texte en ligne.