CSS塊引號空行

Question

CSS塊引用不加空行到qoute

例如：

<blockquote> 
this is number 1 

this is number 2 
</blockquote> 

這將表現爲以下但"" > ""不會出現，只有空線出現

> this is number 1 

> 

> this is number 2 

我希望他們空行被包含在塊引用。

Answer 1

A >是HTML中的保留字符。它用於構建標籤。

您需要轉義它，否則瀏覽器會認爲它是代碼而不顯示它。

對於<使用<，對於>使用>。

<blockquote> 
 
this is number 1<br> 
 
&gt;<br><!-- with "greater than" symbol --> 
 
this is number 2<br> 
 
</blockquote> 
 
<hr> 
 
<blockquote> 
 
this is number 1<br> 
 
<br><!-- with just an empty line --> 
 
this is number 2<br> 
 
</blockquote>

從規格：

5.3.2 Character entity references

四個字符實體引用特別值得一提，因爲他們 經常被用來逃避特殊字符：

• <代表<標誌。
• >代表>標誌。
• &代表&符號。
• "代表"標誌。希望

作者把在文本中<字符應該使用< （ASCII十進制60），以避免與 標籤的開頭可能的混淆（開始標籤打開分隔符）。類似地，作者應在文本中使用> （ASCII十進制62）而不是>，以避免舊版 用戶代理錯誤地將其視爲引用屬性值中出現的標籤末尾（標籤 關閉分隔符）。