¿Es el análisis de elementos de nivel de bloque de etiqueta Li?

Por qué puede establecer alturas, pero no parece elementos <h1 />, parece que es un elemento semi en línea (en línea: en línea [texto] -level). HTML 4 se describe así:

Los siguientes elementos también pueden considerarse elementos de nivel de bloque ya que pueden contener elementos de nivel de bloque:

• DD - Descripción de la definición
• DT - Término de definición
• Frameset - Frameset
• Li - Artículo de la lista
• Tbody - Cuerpo de mesa
• TD - Celda de datos de tabla
• Tfoot - pie de mesa
• TH - Célula de encabezado de mesa
• Thead - Cabeza de mesa
• TR - Fila de mesa

En esta descripción, parece que <li /> es un elemento de media línea. Por supuesto, los elementos similares a <td /> en esta lista también me han traído tales dudas. Hoy eché un vistazo al CSS predeterminado para cada navegador. El resultado es este:

Aquí, está básicamente claro. En el navegador de grado A, excepto IE6/7, es un elemento medio en línea. Cuando se trata de display:list-item; de hecho, a pesar de que todos los navegadores de grado A ahora son compatibles, no muchas personas lo usan. ¿Por qué? En realidad, es inútil. En modo de peculiaridad, PPK dice esto:

display: list-item significa que el elemento se muestra como un elemento de lista, lo que principalmente significa que tiene una bala frente a él (como un UL), excepto en IE 5 en Mac donde obtiene un número (como un OL). Los números son erróneos: todos los LI anteriores en la página cuentan como uno, por lo que este ejemplo comienza con el número 5 (la captura de pantalla se hizo antes de insertar mi compatibilidad-li).

Ejemplo en vivo: Display: BlockDisplay: List-ItemDisplay: List-item

Bien. En realidad, esto no es muy significativo. Pero también resolvió una de mis dudas. Compártelo. Si tiene tales dudas, tal vez si tiene errores u otras preguntas la próxima vez que codifique, probablemente pueda reaccionar rápidamente.