: The Line Break element

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.

Phần tử   trong HTML tạo ra một dấu ngắt dòng trong văn bản (xuống dòng). Nó hữu ích cho việc viết một bài thơ hoặc địa chỉ, nơi việc phân chia các dòng có ý nghĩa quan trọng.

Try it

<p>
  O'er all the hilltops<br />
  Is quiet now,<br />
  In all the treetops<br />
  Hearest thou<br />
  Hardly a breath;<br />
  The birds are asleep in the trees:<br />
  Wait, soon like these<br />
  Thou too shalt rest.
</p>

p {
  font-size: 1rem;
  font-family: sans-serif;
  margin: 20px;
}

Như bạn có thể thấy từ ví dụ trên, một phần tử   được bao gồm tại mỗi điểm mà chúng ta muốn văn bản ngắt. Văn bản sau   bắt đầu lại ở đầu dòng tiếp theo của khối văn bản.

Note: Không sử dụng   để tạo lề giữa các đoạn văn; hãy bọc chúng trong các phần tử  và sử dụng thuộc tính CSS margin để kiểm soát kích thước của chúng.

Thuộc tính

Các thuộc tính của phần tử này bao gồm các thuộc tính toàn cục.

Thuộc tính đã lỗi thời

clear Deprecated: Chỉ ra nơi bắt đầu dòng tiếp theo sau ngắt.

Phần tử   có một mục đích được xác định rõ ràng — tạo dấu ngắt dòng trong một khối văn bản. Do đó, nó không có kích thước hoặc đầu ra trực quan của riêng mình, và bạn có rất ít thứ có thể làm để tạo kiểu cho nó.

Bạn có thể đặt margin trên các phần tử   để tăng khoảng cách giữa các dòng văn bản trong khối, nhưng đây là thực hành xấu — bạn nên sử dụng thuộc tính line-height được thiết kế cho mục đích đó.

Khả năng tiếp cận

Tạo các đoạn văn bản riêng biệt bằng   không chỉ là thực hành xấu, mà còn có vấn đề cho những người điều hướng bằng công nghệ đọc màn hình. Trình đọc màn hình có thể thông báo sự hiện diện của phần tử, nhưng không có bất kỳ nội dung nào chứa trong  . Đây có thể là một trải nghiệm gây bối rối và thất vọng cho người sử dụng trình đọc màn hình.

Sử dụng các phần tử , và sử dụng các thuộc tính CSS như margin để kiểm soát khoảng cách của chúng.

Ví dụ

br cơ bản

Trong ví dụ sau, chúng ta sử dụng các phần tử   để tạo dấu ngắt dòng giữa các dòng khác nhau của địa chỉ bưu chính:

html

Mozilla<br />
331 E. Evelyn Avenue<br />
Mountain View, CA<br />
94041<br />
USA<br />

Kết quả

Tóm tắt kỹ thuật

Danh mục nội dung	Nội dung luồng, nội dung cụm từ.
Nội dung được phép	Không có; đây là phần tử rỗng.
Bỏ qua thẻ	Phải có thẻ mở và không được có thẻ đóng. Trong các tài liệu XHTML, viết phần tử này là `<br />`.
Phần tử cha được phép	Bất kỳ phần tử nào chấp nhận nội dung cụm từ.
Vai trò ARIA ngầm định	Không có vai trò tương ứng
Các vai trò ARIA được phép	`none`, `presentation`
Giao diện DOM	`HTMLBRElement`