Maison  >  Article  >  interface Web  >  La balise li est-elle une analyse d'éléments au niveau du bloc ?

La balise li est-elle une analyse d'éléments au niveau du bloc ?

巴扎黑
巴扎黑original
2017-06-27 13:24:464512parcourir

É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!

Déclaration:
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