HTML 換行 br：什麼時候該用、什麼時候不該用
<br> 用來在段落中強制斷行，破壞原有語句的調性。它是空元素，沒有內容也不寫結束標籤，適合詩句、地址、姓名排列這類換行本身就是內容的情境；只是想讓兩段文字分開，該用 段落 或 CSS 的 margin。
html
<p>床前明月光，<br>疑似地上霜。<br>舉頭望明月，<br>低頭思故鄉。</p>DANGER
適當地使用 <br> 來進行換行並無不妥，但為了排版過於使用 <br>，並不是正確的排版方式。
它是一個空元素
<br> 沒有內容，也沒有結束標籤，屬於 空元素：
html
<br>
<br>兩種寫法都可以，但不能寫成 <br></br>。
適合使用的情境
換行本身就是內容的一部分時才用它，例如：詩句、歌詞、地址：
html
<p>
106 台北市大安區某某路 100 號<br>
收件人：Away
</p>不適合使用的情境
html
<!-- ❌ 用 br 把兩段文字分開 -->
<p>第一段的內容。<br><br>第二段的內容。</p>
<!-- ✅ 兩個段落就是兩個 p -->
<p>第一段的內容。</p>
<p>第二段的內容。</p>html
<!-- ❌ 用連續的 br 撐出空間 -->
主要內容<br><br><br><br>
頁尾
<!-- ✅ 間距交給 CSS -->
<div class="mb-16">主要內容</div>
<footer>頁尾</footer>小提醒
需要保留原始碼中的換行與空白時，可以改用 CSS 的 white-space: pre-line，就不必逐行插入 <br>。
常見問題
什麼時候該用 br？
換行本身就是內容一部分的時候，例如：詩句、歌詞、地址、姓名的排列。若只是想讓兩段文字分開，請改用兩個 段落。
可以連續用好幾個 br 來製造間距嗎？
不建議。間距是外觀問題，應該由 CSS 的 margin 處理。連續的 <br> 會讓螢幕閱讀器讀出多個空行，也讓後續調整版面變得困難。
br 需要寫結束標籤嗎？
不需要。<br> 是沒有內容的 空元素，只有一個標籤。寫成 <br> 或 <br /> 都可以，但不能寫結束標籤。
