Maison > Article > interface Web > La balise li est-elle une analyse d'éléments au niveau du bloc ?
Élément au niveau du bloc : au niveau du bloc, je crois que tout le monde le connaît (ou le recherche sur Google). Lorsque j'écrivais du code dans le passé, je me sentais toujours étrange face aux balises
. 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 ainsi :Les éléments suivants peuvent également être considérés éléments de niveau bloc car ils peuvent contenir des éléments de niveau bloc :
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{<a href="http://www.php.cn/wiki/927.html" target="_blank">display</a>: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 chiffres sont bogués : tous les précédentsLI de la page comptent pour un, donc celui-ci. l'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
Droit. 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.
DD – Description de la définition
DT – Terme de définition
FRAMESET – Frameset
LI – Élément de liste
TBODY – Corps du tableau
TD – Cellule de données du tableau
TFOOT – Pied de table
TH – Cellule d'en-tête de table
THEAD – Tête de table
TR – Ligne du tableau
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!