html5 <br>元素

1. 基本概念

html5中的
元素用於產生一個換行符，它的名稱br正是單詞break的前兩個字母；break本身的含義為“打破、拆分”，在此處就引申為換行的意思。

為什麼html5要專門定義一個元素來代表換行符呢？我們平常在辦公軟件中編輯文本的時候，如果要換行不是隻要按下回車鍵就可以了嗎？這是因為html5在遇到常規的換行符的時候，只是顯示一個空格而已，而不會真正地在新的一行上顯示後續的內容。要在段落內的文本中手動換行，除了使用

元素還真的就只有這個
元素了。
<code>
為真理而鬥爭
是人生最大的樂趣。


今天應做的事沒有做，
明天再早也是耽誤了。
/<code>
上面這段代碼的執行結果如圖1所示，可以看到雖然我們在第一個句子的“鬥爭”二字後面按下了回車鍵，但是該回車鍵並沒有起到換行的作用。在第二個句子中我們沒有輸入任何回車鍵，只是輸入了一個
元素，卻看到了文本在這個
元素的位置發生了換行。
 
圖1 html5文檔中回車鍵和
元素的對比
因為
元素僅僅起到換行的作用，所以我們不能對它應用任何css樣式。而且
元素是一個空元素，即它沒有結束標籤。在xhtml中它必須寫成
的形式，以被正確地關閉；而在html5中的規範寫法就是
。
2. 不能用
元素產生段落
雖然
元素很簡單，但在實際使用中還是需要注意很多問題。最重要的就是，不能用
元素來產生段落；不同的段落應該寫在不同的
元素中。如果我有3個段落，那麼應該用3個
元素來標記每一個段落；而不能將所有文本都寫在同一個
元素中，然後再在段落的分隔處寫上
元素。
錯誤的分段寫法如下，雖然原本段落內容之間有換行，但它們在邏輯上還是被當作是一個段落，因為它們被寫在一個 
元素中。
<code>
開車從鶯歌到樹林......並細緻敬謹的往後退去。

每次看到農人在田裡專心工作......生起感恩和恭敬的心。

我站在田岸邊......春日真好，春雨也好！
/<code>
下面的分段寫法才是正確的，再次提醒每一個段落要用單獨的
元素來表示，而不能用換行符（
）標記。
<code>
開車從鶯歌到樹林......並細緻敬謹的往後退去。

每次看到農人在田裡專心工作......生起感恩和恭敬的心。

我站在田岸邊......春日真好，春雨也好！
/<code>
3. 正確的使用場景
那麼
元素應該在什麼時候使用呢？當一個段落的內容需要多行顯示的時候，這時 

元素就派上用場了；這主要包括詩歌和地址的表示。
通常詩歌的每一段都包括多行內容，因此它可以像下面這樣表示，其最終效果如圖2所示。
<code>
大江東去，浪淘盡，千古風流人物。

故壘西邊，人道是，三國周郎赤壁。

亂石穿空，驚濤拍岸，捲起千堆雪。

江山如畫，一時多少豪傑。


遙想公瑾當年，小喬初嫁了，雄姿英發。

羽扇綸巾，談笑間，檣櫓灰飛煙滅。

故國神遊，多情應笑我，早生華髮。

人生如夢，一尊還酹江月。
/<code>
 
圖2 詩歌的顯示效果
我們通常將整個地址看作一個整體，用
標記；而具體的信息又按照行政範圍分為多行表示，每一行用
元素分隔。
<code>
江蘇省

南京市

鼓樓區

漢口路22號
/<code>
 
圖3 地址的顯示效果
（完）
"

閱讀更多 青石野草 的文章

關鍵字: 軟件 換行 浙裡春暖花開