タグ li はブロックレベル要素ですか?

次の要素もブロックレベル要素を含む可能性があるため、ブロックレベル要素と見なされる場合があります。

• DD – 定義の説明
• DT – 定義用語
• フレームセット – フレームセット
• LI – リスト項目
• TBODY – テーブル本体
• TD – テーブルデータセル
• TFOOT – テーブル脚
• TH – 表のヘッダーセル
• THEAD – テーブルヘッド
• TR – テーブル行

この説明では<li />は「セミインライン」要素であると言っているようです。もちろん、このリストの<td />のような要素も私にそのような疑問を引き起こしました。今日は、さまざまなブラウザのデフォルト CSS を見てみました。結果は次のようになります:

ここでは、基本的には明らかです。 IE6/7 以外の A グレード ブラウザでは、「セミインライン」要素になります。 display:list-item;について言えば、実は、現在すべての A グレード ブラウザーがこれをサポートしていますが、それを使用している人は多くありません。なぜ？それは実際役に立たない。 Quirks モードでは、PPK は次のように言います。

display: list-item要素がリスト項目として表示されることを意味します。つまり、主にその前に箇条書き (UL のように) が表示されますが、Mac の IE 5 では番号 (OL のように) が表示されます。番号にはバグがあります。ページ内の以前の LI はすべて 1 つとしてカウントされるため、この例は番号 5 から始まります (スクリーンショットは互換性 LI を挿入する前に作成されたものです)。

実際の例:

表示: ブロック

表示: リスト項目

表示: リスト項目

右。実のところ、これはあまり意味がありません。しかし、それは私の疑問の1つも解決しました。共有してください。このような疑問があれば、次回コーディング中にバグやその他の疑問に遭遇したときに、すぐに対応できるかもしれません。