title | slug |
---|---|
<br>:換行元素 |
Web/HTML/Element/br |
{{HTMLSidebar}}
<br>
HTML 元素可在文字中插入換行(回車)。在寫詩或地址時,這很有用,因為行的分隔是重要的。
{{EmbedInteractiveExample("pages/tabbed/br.html", "tabbed-standard")}}
如上例所示,每當我們希望文字換行時,都會包含一個 <br>
元素。 <br>
後的文本將重新開始於文本塊的下一行的開頭。
Note
不要使用 <br>
創建段落之間的邊距;將它們包裝在 {{htmlelement("p")}} 元素中,並使用 CSS 的 {{cssxref('margin')}} 屬性來控制它們的大小。
此元素的屬性包括全域屬性。
clear
{{Deprecated_Inline}}- : 指示中斷後下一行的開始位置。
<br>
元素具有單一且明確的目的——在文本塊中插入換行。因此,它本身沒有尺寸或視覺輸出,幾乎不能對其進行任何樣式設置。
你可以在 <br>
元素本身上設置 {{cssxref("margin")}} 以增加文本塊中行之間的間距,但這是一種不良做法——你應該使用專門設計用於此目的的 {{cssxref("line-height")}} 屬性。
在以下示例中,我們使用 <br>
元素在不同行的郵寄地址之間創建換行:
Mozilla<br />
331 E. Evelyn Avenue<br />
Mountain View, CA<br />
94041<br />
USA<br />
{{ EmbedLiveSample('簡單的 br 範例', 640, 120) }}
使用 <br>
創建單獨的文本段落不僅是不良做法,而且對於使用屏幕閱讀技術導航的人來說也是有問題的。屏幕閱讀器可能會宣佈元素的存在,但不會宣佈 <br>
內部的任何內容。對於使用屏幕閱讀器的人來說,這可能是一種令人困惑和沮喪的體驗。
使用 <p>
元素,並使用 CSS 屬性如 {{cssxref("margin")}} 來控制它們的間距。
內容類型 | 流內容、段落型內容。 |
---|---|
允許的內容 | 無,這是一個 {{Glossary("void element")}}。 |
標籤省略 |
必須有開始標籤,不得有結束標籤。在 XHTML 文件中,將此元素寫為 <br /> 。
|
允許的父元素 | 任何接受段落型內容的元素。 |
隱含的 ARIA 角色 | 沒有相對應的角色 |
允許的 ARIA 角色 |
none 、presentation
|
DOM 介面 | {{domxref("HTMLBRElement")}} |
{{Specifications}}
{{Compat}}
- {{HTMLElement("address")}} 元素
- {{HTMLElement("p")}} 元素
- {{HTMLElement("wbr")}} 元素