【HTML】'ul'元素永遠不能是'p' 'span'元素的子元素
為什麼我們永遠不能將 ul 元素作為 p 元素的子元素？ 我用以下程式碼建立了一個網頁 < p > some text < ul > < li > ... </ li > < li > ... </ li > . . . </ ul > </ p > 這裡， ul 元素是p元素的子元素。但是，在所有主要瀏覽器（Chrome、Firefox和Internet Explorer-所有最新版本）中，它的解釋如下 < p > some text </ p > < ul > < li > ... </ li > < li > ... </ li > . . . </ ul > < p > </ p > 我通過右鍵單擊 ul 元素（在chrome中）並選擇Inspect元素選項來檢查它。我在Chrome中看到過，但其他兩個瀏覽器的行為也一樣（CSS選擇器“p-ul”工作得不好）。 為什麼會這樣？是否存在瀏覽器發生此類更改的一般情況？ 解決辦法 請檢查 HTML specification ，它清楚地說明禁止將列表放入段落元素中，並給出一些可執行操作的示例： 列表元素（尤其是ol和ul元素）不能是p元素的子元素。因此，當一個句子包含一個專案符號列表時，人們可能會想知道應該如何標記它。 例如，這個奇妙的句子中有與 比光速旅行更快的巫師，以及 心靈感應，並在下面進一步討論。 解決方案是認識到，用HTML術語來說，段落不是 邏輯概念，但結構概念。在上面這個奇妙的例子中， 本規範實際上定義了五個段落： 列表前一個，每個專案符號一個，列表後一個。 因此，上述示例的標記可以是： < p > For instance, this fantastic sentence has bullets relating to </ p > < ul > < li > wizards, < li > faster-than-light travel, ...
