<br>:換行元素
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
<br>
HTML 元素可在文字中插入換行(回車)。在寫詩或地址時,這很有用,因為行的分隔是重要的。
嘗試一下
屬性
此元素的屬性包括全域屬性。
已棄用的屬性
clear
已棄用-
指示中斷後下一行的開始位置。
使用 CSS 設計
<br>
元素具有單一且明確的目的——在文本塊中插入換行。因此,它本身沒有尺寸或視覺輸出,幾乎不能對其進行任何樣式設置。
你可以在 <br>
元素本身上設置 margin
以增加文本塊中行之間的間距,但這是一種不良做法——你應該使用專門設計用於此目的的 line-height
屬性。
範例
簡單的 <br>
範例
在以下示例中,我們使用 <br>
元素在不同行的郵寄地址之間創建換行:
html
Mozilla<br />
331 E. Evelyn Avenue<br />
Mountain View, CA<br />
94041<br />
USA<br />
結果
無障礙議題
使用 <br>
創建單獨的文本段落不僅是不良做法,而且對於使用屏幕閱讀技術導航的人來說也是有問題的。屏幕閱讀器可能會宣佈元素的存在,但不會宣佈 <br>
內部的任何內容。對於使用屏幕閱讀器的人來說,這可能是一種令人困惑和沮喪的體驗。
使用 <p>
元素,並使用 CSS 屬性如 margin
來控制它們的間距。
技術摘要
內容類型 | 流內容、段落型內容。 |
---|---|
允許的內容 | 無,這是一個 void element。 |
標籤省略 |
必須有開始標籤,不得有結束標籤。在 XHTML 文件中,將此元素寫為 <br /> 。
|
允許的父元素 | 任何接受段落型內容的元素。 |
隱含的 ARIA 角色 | 沒有相對應的角色 |
允許的 ARIA 角色 |
none 、presentation
|
DOM 介面 | HTMLBRElement |
規範
Specification |
---|
HTML Standard # the-br-element |
瀏覽器相容性
BCD tables only load in the browser