Maison interface Web tutoriel HTML 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 ?

Jun 27, 2017 pm 01:24 PM
元素 分析

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

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Comment déverrouiller tout dans Myrise
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment implémenter des statistiques et des analyses de données dans Uniapp Comment implémenter des statistiques et des analyses de données dans Uniapp Oct 24, 2023 pm 12:37 PM

Comment implémenter les statistiques et l'analyse des données dans uniapp 1. Introduction générale Les statistiques et l'analyse des données constituent une partie très importante du processus de développement d'applications mobiles. Grâce aux statistiques et à l'analyse du comportement des utilisateurs, les développeurs peuvent avoir une compréhension approfondie des préférences et de l'utilisation des utilisateurs. habitudes. Optimisant ainsi la conception du produit et l’expérience utilisateur. Cet article présentera comment implémenter des statistiques de données et des fonctions d'analyse dans uniapp, et fournira quelques exemples de code spécifiques. 2. Choisissez les outils de statistiques et d'analyse de données appropriés. La première étape pour mettre en œuvre les statistiques et l'analyse de données dans uniapp consiste à choisir les outils de statistiques et d'analyse de données appropriés.

Analyse des raisons pour lesquelles le répertoire secondaire du CMS DreamWeaver ne peut pas être ouvert Analyse des raisons pour lesquelles le répertoire secondaire du CMS DreamWeaver ne peut pas être ouvert Mar 13, 2024 pm 06:24 PM

Titre : Analyse des raisons et des solutions pour lesquelles le répertoire secondaire de DreamWeaver CMS ne peut pas être ouvert. Dreamweaver CMS (DedeCMS) est un puissant système de gestion de contenu open source largement utilisé dans la construction de divers sites Web. Cependant, parfois pendant le processus de création d'un site Web, vous pouvez rencontrer une situation dans laquelle le répertoire secondaire ne peut pas être ouvert, ce qui perturbe le fonctionnement normal du site Web. Dans cet article, nous analyserons les raisons possibles pour lesquelles le répertoire secondaire ne peut pas être ouvert et fournirons des exemples de code spécifiques pour résoudre ce problème. 1. Analyse des causes possibles : Problème de configuration des règles pseudo-statiques : pendant l'utilisation

Effet de transition CSS : comment obtenir l'effet de glissement des éléments Effet de transition CSS : comment obtenir l'effet de glissement des éléments Nov 21, 2023 pm 01:16 PM

Effet de transition CSS : Comment obtenir l'effet de glissement des éléments Introduction : Dans la conception Web, l'effet dynamique des éléments peut améliorer l'expérience utilisateur, parmi lesquels l'effet de glissement est un effet de transition courant et populaire. Grâce à la propriété de transition du CSS, nous pouvons facilement obtenir l'effet d'animation glissante des éléments. Cet article expliquera comment utiliser les propriétés de transition CSS pour obtenir l'effet de glissement des éléments et fournira des exemples de code spécifiques pour aider les lecteurs à mieux comprendre et appliquer. 1. Introduction à la transition des attributs de transition CSS Attributs de transition CSS tra

Transformation CSS : comment obtenir l'effet de rotation des éléments Transformation CSS : comment obtenir l'effet de rotation des éléments Nov 21, 2023 pm 06:36 PM

Transformation CSS : comment obtenir l'effet de rotation des éléments nécessite des exemples de code spécifiques. Dans la conception Web, les effets d'animation sont l'un des moyens importants pour améliorer l'expérience utilisateur et attirer l'attention de l'utilisateur, et l'animation de rotation est l'un des moyens les plus classiques. En CSS, vous pouvez utiliser l'attribut « transform » pour obtenir divers effets de déformation des éléments, y compris la rotation. Cet article présentera en détail comment utiliser la « transformation » CSS pour obtenir l'effet de rotation des éléments et fournira des exemples de code spécifiques. 1. Comment utiliser le « transf » de CSS

Analyser si le langage de programmation principal de Tencent est Go Analyser si le langage de programmation principal de Tencent est Go Mar 27, 2024 pm 04:21 PM

Titre : Le principal langage de programmation de Tencent Go : Une analyse approfondie En tant que principale entreprise technologique chinoise, Tencent a toujours attiré beaucoup d’attention dans son choix de langages de programmation. Ces dernières années, certains pensent que Tencent adopte principalement Go comme principal langage de programmation. Cet article procédera à une analyse approfondie pour déterminer si le principal langage de programmation de Tencent est Go et donnera des exemples de code spécifiques pour étayer ce point de vue. 1. Application du langage Go dans Tencent Go est un langage de programmation open source développé par Google. Son efficacité, sa concurrence et sa simplicité sont appréciées par de nombreux développeurs.

Comment implémenter une mise en page avec un menu de navigation fixe en utilisant HTML et CSS Comment implémenter une mise en page avec un menu de navigation fixe en utilisant HTML et CSS Oct 26, 2023 am 11:02 AM

Comment utiliser HTML et CSS pour implémenter une mise en page avec un menu de navigation fixe. Dans la conception Web moderne, les menus de navigation fixes sont l'une des mises en page courantes. Il peut maintenir le menu de navigation toujours en haut ou sur le côté de la page, permettant aux utilisateurs de parcourir facilement le contenu Web. Cet article explique comment utiliser HTML et CSS pour implémenter une mise en page avec un menu de navigation fixe et fournit des exemples de code spécifiques. Tout d'abord, vous devez créer une structure HTML pour présenter le contenu de la page Web et le menu de navigation. Voici un exemple simple

Comment utiliser CSS pour obtenir l'effet de dégradé de transparence d'un élément Comment utiliser CSS pour obtenir l'effet de dégradé de transparence d'un élément Nov 21, 2023 pm 01:38 PM

Comment utiliser CSS pour obtenir l'effet de dégradé de transparence des éléments Dans le développement Web, l'ajout d'effets de transition aux éléments de page Web est l'un des moyens importants pour améliorer l'expérience utilisateur. L'effet dégradé de transparence peut non seulement rendre la page plus fluide, mais également mettre en valeur le contenu clé de l'élément. Cet article expliquera comment utiliser CSS pour obtenir l'effet de dégradé de transparence des éléments et fournira des exemples de code spécifiques. Utiliser l'attribut de transition CSS Pour obtenir l'effet de dégradé de transparence d'un élément, nous devons utiliser l'attribut de transition CSS. t

Analyser les avantages et les inconvénients de la technologie de positionnement statique Analyser les avantages et les inconvénients de la technologie de positionnement statique Jan 18, 2024 am 11:16 AM

Analyse des avantages et des limites de la technologie de positionnement statique Avec le développement de la science et de la technologie modernes, la technologie de positionnement est devenue un élément indispensable de nos vies. La technologie de positionnement statique en fait partie. Elle présente des avantages et des limites uniques. Cet article procédera à une analyse approfondie de la technologie de positionnement statique pour mieux comprendre son état d'application actuel et ses tendances de développement futures. Examinons d’abord les avantages de la technologie de positionnement statique. La technologie de positionnement statique permet de déterminer les informations de position en observant, mesurant et calculant l'objet à positionner. Par rapport à d'autres technologies de positionnement,

See all articles