Почему он может устанавливать высоты, но это не похоже на элементы <h1 />, кажется, что это полу-личный (встроенный: inline [text] -level) элемент. HTML 4 описан так:
Следующие элементы также могут считаться элементами на уровне блока, поскольку они могут содержать элементы на уровне блока:
В этом описании кажется, что <li /> -полуотвпальный элемент. Конечно, элементы, подобные <td /> в этом списке, также принесли мне такие сомнения. Сегодня я посмотрел на CSS по умолчанию для каждого браузера. Результат таково:
| Браузеры | CSS |
|---|---|
| IE6/IE7 | li{display:block; } |
| IE8+ / webkit / Firefox / Opera | li{display:list-item; } |
Здесь это в основном ясно. В браузере A-класса, кроме IE6/7, это полуотвпальный элемент. Когда дело доходит до display:list-item; на самом деле, даже если все браузеры A-класса теперь поддерживаются, не многие люди используют его. Почему? На самом деле, это бесполезно. В режиме Quirks PPK говорит:
Живой пример: Display: BlockDisplay: List-itemDisplay: List-item
display: list-itemозначает, что элемент отображается в виде списка, что в основном означает, что перед ним есть пуля (например, UL), за исключением IE 5 на Mac, где он получает номер (например, OL). Цифры являются глюми: все предыдущие LI в подсчете страниц как один, поэтому этот пример начинается с номера 5 (скриншот был сделан до того, как я вставил свою совместимость).
Верно. На самом деле, это не очень значимо. Но это также решило одно из моих сомнений. Поделиться. Если у вас есть такие сомнения, возможно, если у вас будут ошибки или другие вопросы в следующий раз, когда вы кодируете, вы, вероятно, сможете быстро отреагировать.