태그 li는 블록 수준 요소 분석입니까?

블록 수준 요소: 블록 수준, 모두가 알고 있다고 믿습니다(또는 Google에서 검색). 예전에 코드를 작성할 때

<li>

태그를 보면 항상 이상한 느낌이 들었습니다. 왜 높이를 설정할 수 있나요? 그런데

요소와는 달리 "세미 인라인"(인라인: inline[text]-level) 요소처럼 느껴집니다. HTML 4는 다음과 같이 설명됩니다.


다음 요소는 또한 고려될 수 있습니다 블록 수준 요소는 블록 수준 요소를 포함할 수 있으므로:

이 설명에서는 &lt라고 말하는 것 같습니다. ;li />는 "반인라인" 요소입니다. 물론 이 목록의 <td></td>와 유사한 요소도 나에게 그런 의심을 안겨주었다. 오늘은 각 브라우저의 기본 CSS를 살펴보았습니다. 결과는 다음과 같습니다: <li> 就是一个"半内联"的元素。当然，这个列表里面的类似于 <td></td> 这些元素，也曾给我带来这样的疑惑。今天看了一下各浏览器的默认CSS。结果是这样的：

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;}

在这里，也基本上明了了。在除 IE6/7 以外的 A-Grade 浏览器中，就是一个"半内联"的元素。提到 display:list-item; ，其实，即使现在所有的 A-Grade 浏览器都支持，用的人其实不多。为什么？其实就是没什么用。在 Quirks Mode，PPK 是这样说的：


display: list-item

브라우저	CSS
IE6/IE7	li{<a href="http://www.php.cn/%20wiki/927.html" target="_blank">display</a><a href="http://www.php.cn/wiki/1074.html" target="_blank">:block;</a>}
IE8+ / Webkit / Firefox / Opera	li{display:list-item;}

여기서는 기본적으로 명확합니다. IE6/7 이외의 A급 브라우저에서는 "세미 인라인" 요소입니다. display:list-item;을 언급하면 ​​실제로 모든 A급 브라우저가 이를 지원하지만 이를 사용하는 사람은 많지 않습니다. 왜? 사실 아무 소용이 없습니다. Quirks 모드에서 PPK는 다음과 같이 말합니다.

display: list-item은 요소가 목록 항목으로 표시된다는 의미로, 주로 요소 앞에 글머리 기호가 있음을 의미합니다. (UL과 유사) 숫자를 얻는 Mac의 IE 5를 제외하고(OL과 같은) 숫자는 버그가 있습니다. 페이지 count의 모든

prev

ious LI는 1이므로 이 예는 숫자 5로 시작됩니다. (스크린샷은

호환성 LI를 삽입하기 전

에 만들어졌습니다).

라이브 예시:

display: block

display: list-item

display: list-item
<li>

맞습니다. 사실 이것은 큰 의미가 없습니다. 하지만 그것은 나의 의문 중 하나를 해결한 것이라고 볼 수 있습니다. 여러분도 그런 의문이 든다면, 아마 다음번에 코딩할 때 버그나 다른 질문이 생긴다면 아마도 빠르게 답변을 받으실 수 있을 것입니다.

<li>
DD – 정의 설명 <li>
DT – 정의 용어 <li>
FRAMESET – 프레임셋 <li>
LI – 목록 항목 <li>
TBODY – 테이블 본문 <li>
TD – 테이블 데이터 셀 <li>
TFOOT – 테이블 발 <li>
TH – 테이블 헤더 셀 <li>
THEAD – 테이블 헤드

🎜TR – 테이블 행🎜🎜🎜🎜

위 내용은 태그 li는 블록 수준 요소 분석입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!