Maison > interface Web > tutoriel HTML > La balise li est-elle un élément de niveau bloc analyse_HTML/Xhtml_Production de pages Web

La balise li est-elle un élément de niveau bloc analyse_HTML/Xhtml_Production de pages Web

WBOY
Libérer: 2016-05-16 16:41:19
original
1646 Les gens l'ont consulté

Pourquoi peut-il définir la hauteur, mais contrairement aux éléments

, on a l'impression qu'il s'agit d'un élément "semi-inline" (inline : inline[text]-level). HTML 4 est décrit comme ceci :

Les éléments suivants peuvent également être considérés éléments de niveau bloc puisqu'ils peuvent contenir des éléments de niveau bloc :

  • DD – Description de la définition
  • DT – Définition du terme
  • FRAMESET – Ensemble de cadres
  • LI – Élément de liste
  • TBODY – Corps de table
  • TD – Cellule de données du tableau
  • TFOOT – Pied de table
  • TH – Cellule d’en-tête du tableau
  • THEAD – Tête de table
  • TR – Ligne du tableau

Cette description semble dire que <li /> est un élément "semi-inline". Bien sûr, des éléments similaires à <td /> dans cette liste m'ont également donné de tels doutes. Aujourd'hui, j'ai jeté un œil au CSS par défaut de chaque navigateur. Le résultat est le suivant :

Browsers CSS
IE6/IE7 li{display:block;}
IE8 / Webkit / Firefox / Opera li{display:list-item;}

Ici, c’est fondamentalement clair. Dans les navigateurs A-Grade autres que IE6/7, il s'agit d'un élément « semi-inline ». En ce qui concerne display:list-item;, en fait, même si tous les navigateurs A-Grade le prennent désormais en charge, peu de gens l'utilisent. Pourquoi? En fait, cela ne sert à rien. En mode Quirks, PPK dit ceci :

display: list-item signifie que l'élément est affiché comme un élément de liste, ce qui signifie principalement qu'il a une puce devant lui (comme un UL), sauf dans IE 5 sur Mac où il obtient un numéro (comme un OL). Les numéros sont bogués : tous les LI précédents de la page comptent pour un, donc cet exemple commence par le numéro 5 (la capture d'écran a été faite avant d'insérer mes LI de compatibilité).

Exemple en direct :

affichage : bloquer

affichage : élément de liste
affichage : élément de liste

Bien. En fait, cela ne veut pas dire grand-chose. Mais cela peut être considéré comme résolvant l’un de mes doutes. Partagez-le. Si vous avez également de tels doutes, peut-être que si un bug ou une autre question survient la prochaine fois lors du codage, vous pourrez probablement répondre rapidement.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal