Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> HTML

Cách sử dụng phần tử HTML <br>

Thẻ <br> định nghĩa phần tử inline trong HTML, ép xuống dòng mới (ngắt dòng) giữa văn bản bạn đặt giữa.

Ví dụ:

<p> Thẻ &lt;br&gt; <br>ép<br>xuống<br>dòng trong text </p>

Kết quả:

Thẻ <br>
ép
xuống
dòng trong text

Điều tốt biết về thẻ <br>

  • Thường thấy dev dùng <br> tạo khoảng cách giữa phần tử HTML, nhưng dùng sai. Nên dùng CSS margin để tạo khoảng cách giữa phần tử.
  • <br> là "phần tử rỗng" (empty element) nghĩa là không có thẻ đóng (khác phần tử HTML khác). Chỉ một thẻ: <br>
  • Dùng ngắt dòng trong JSX (ReactJS), <br> cũng chỉ một thẻ, nhưng JSX yêu cầu dấu gạch chéo để hợp lệ (như thẻ đóng): <br/>
  • Dùng <br> có thể gây layout không mong muốn trong typography responsive, dùng cẩn thận, chỉ khi bắt buộc. Thường class CSS tùy chỉnh tốt hơn <br> cho format text.