首頁猿問嵌套<p>標(biāo)記&hel...

嵌套<p>標(biāo)記…中的塊級元素對還是錯？

Html/CSS

www說 2019-07-05 15:45:59

嵌套<p>標(biāo)記…中的塊級元素對還是錯？嵌套在語法和語義上正確嗎？<div>類中的任何其他塊級元素。<p>標(biāo)簽。我說的是HTML 4過渡DTD。如果沒有，那么可以用它來代替<span style="display: block">而不是？

查看完整描述

3 回答

臨摹微笑

TA貢獻1982條經(jīng)驗獲得超2個贊

在句法上div在一個p在所有HTML標(biāo)準(zhǔn)中都無效。此外，在使用符合標(biāo)準(zhǔn)的HTML解析器時，不可能將<div>元素中的<p>在DOM中因為開頭<div>標(biāo)記將自動關(guān)閉<p>元素。

在語義上，正確的選擇取決于您正在標(biāo)記的內(nèi)容。你至少需要展示一個完整的段落樣本，可能的話，還需要展示它周圍的內(nèi)容，以確保為正確的語義標(biāo)記提供足夠的信息以供確定。

但是，考慮到<div>和<span>的語義是自由的，而css絕不能改變這一點，如果您確信<p>標(biāo)記真正形成一個段落，而那個<span style="display: block">獲取您正在尋找的表示效果，然后這將是有效的HTML，將是一個完全合適的解決方案。

反對回復(fù) 2019-07-05

SMILET

TA貢獻1796條經(jīng)驗獲得超4個贊

在句法上div在一個p在所有HTML標(biāo)準(zhǔn)中都無效。此外，在使用符合標(biāo)準(zhǔn)的HTML解析器時，不可能將<div>元素中的<p>在DOM中因為開頭<div>標(biāo)記將自動關(guān)閉<p>元素。

在語義上，正確的選擇取決于您正在標(biāo)記的內(nèi)容。你至少需要展示一個完整的段落樣本，可能的話，還需要展示它周圍的內(nèi)容，以確保為正確的語義標(biāo)記提供足夠的信息以供確定。

但是，考慮到<div>和<span>的語義是自由的，而css絕不能改變這一點，如果您確信<p>標(biāo)記真正形成一個段落，而那個<span style="display: block">獲取您正在尋找的表示效果，然后這將是有效的HTML，將是一個完全合適的解決方案。

反對回復(fù) 2019-07-05

catspeake

TA貢獻1111條經(jīng)驗獲得超0個贊

這在語法上是不正確的，您可以看到使用W3C標(biāo)記驗證器.

在語義和實踐上，我會說它是“OK”，因為它是非常自然的，(B)所有瀏覽器都正確地處理它(實際上，這是他們每天必須面對的最簡單的問題之一)。

如果您的HTML是由用戶輸入生成的(例如，一個HTML編輯器小部件，訪問者可以使用它來留下評論)，那么我會說，讓它簡單地讓它發(fā)生，即使它是“不正確的”。

否則，您可以稍微更改標(biāo)記。就我個人而言

<div class="para">
    <div>Some content</div></div>

給予.para適當(dāng)?shù)倪吘嗯cCSS。

反對回復(fù) 2019-07-05

關(guān)注