1. 程式人生 > 實用技巧 >html段落插入一個空行是個不良的習慣

html段落插入一個空行是個不良的習慣

可以把 HTML 文件分割為若干段落。

HTML 段落

段落是通過 <p> 標籤定義的。

例項

<p>This is a paragraph</p>
<p>This is another paragraph</p>

  

註釋:瀏覽器會自動地在段落的前後新增空行。(<p> 是塊級元素)

提示:使用空的段落標記 <p></p> 去插入一個空行是個壞習慣。用 <br /> 標籤代替它!(但是不要用 <br /> 標籤去建立列表。不要著急,您將在稍後的篇幅學習到 HTML 列表。)

不要忘記結束標籤

即使忘了使用結束標籤,大多數瀏覽器也會正確地將 HTML 顯示出來:

例項

<p>This is a paragraph
<p>This is another paragraph

  

上面的例子在大多數瀏覽器中都沒問題,但不要依賴這種做法。忘記使用結束標籤會產生意想不到的結果和錯誤。

註釋:在未來的 HTML 版本中,不允許省略結束標籤。

提示:通過結束標籤來關閉 HTML 是一種經得起未來考驗的 HTML 編寫方法。清楚地標記某個元素在何處開始,並在何處結束,不論對您還是對瀏覽器來說,都會使程式碼更容易理解。

HTML 折行

如果您希望在不產生一個新段落的情況下進行換行(新行),請使用 <br /> 標籤:

足球視訊集錦

<p>This is<br />a para<br />graph with line breaks</p>

  

<br /> 元素是一個空的 HTML 元素。由於關閉標籤沒有任何意義,因此它沒有結束標籤。

<br> 還是 <br />

您也許發現 <br> 與 <br /> 很相似。

在 XHTML、XML 以及未來的 HTML 版本中,不允許使用沒有結束標籤(閉合標籤)的 HTML 元素。

即使 <br> 在所有瀏覽器中的顯示都沒有問題,使用 <br /> 也是更長遠的保障。

HTML 輸出 - 有用的提示

我們無法確定 HTML 被顯示的確切效果。螢幕的大小,以及對視窗的調整都可能導致不同的結果。

對於 HTML,您無法通過在 HTML 程式碼中新增額外的空格或換行來改變輸出的效果。

當顯示頁面時,瀏覽器會移除原始碼中多餘的空格和空行。所有連續的空格或空行都會被算作一個空格。需要注意的是,HTML 程式碼中的所有連續的空行(換行)也被顯示為一個空格。

(這個例子演示了一些 HTML 格式化方面的問題)

來自本頁的例項

HTML 段落
如何在瀏覽器中顯示 HTML 段落。
換行
在 HTML 文件中使用換行。
在 HTML 程式碼中的排版一首唐詩
瀏覽器在顯示 HTML 時,會省略原始碼中多餘的空白字元(空格或回車等)。

更多例項

更多段落
段落的預設行為。

nba集錦視訊

HTML 標籤參考手冊

W3School 的標籤參考手冊提供了有關 HTML 元素及其屬性的更多資訊。

標籤描述
<p> 定義段落。
<br /> 插入單個折行(換行)。