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 時,會省略原始碼中多餘的空白字元(空格或回車等)。
更多例項
- 更多段落
- 段落的預設行為。
HTML 標籤參考手冊
W3School 的標籤參考手冊提供了有關 HTML 元素及其屬性的更多資訊。
標籤 | 描述 |
---|---|
<p> | 定義段落。 |
<br /> | 插入單個折行(換行)。 |