Thẻ br trong HTML

• Trần Thị Vân
• 2048
• 08/07/2025

Chức năng của Thẻ br trong HTML

Thẻ br trong HTML dùng để xuống dòng các từ ngữ trong một đoạn văn, bạn muốn xuống dòng ở chổ nào thì để thẻ br ngay chổ đó, trong một đoạn văn có thể xuống dòng ở nhiều chổ.

Cú pháp của Thẻ br trong HTML

<br>

Ví dụ thực tế về Thẻ br trong HTML

<p>Thẻ br trong HTML là một loại thẻ HTML<br> dùng để xuống dòng các từ ngữ trong một đoạn văn, bạn muốn xuống dòng<br> ở chổ nào thì để thẻ br ngay chổ đó, <br>trong một đoạn văn có thể xuống dòng ở nhiều chổ.</p>

Chạy Thử

Khi nào nên và không nên dùng thẻ br?

Thẻ br rất hữu ích khi cần xuống dòng trong một số trường hợp cụ thể. Tuy nhiên, nếu sử dụng không đúng mục đích, cấu trúc tài liệu sẽ trở nên khó bảo trì, gây ảnh hưởng đến khả năng đọc của người dùng và chất lượng mã HTML. Hiểu rõ thời điểm nên và không nên sử dụng sẽ giúp bạn xây dựng trang web chuyên nghiệp hơn.

Trường hợp nên sử dụng thẻ br

Thẻ br phù hợp khi chỉ cần tạo một điểm ngắt dòng nhưng nội dung vẫn thuộc cùng một đoạn văn hoặc cùng một khối thông tin. Đây là cách sử dụng đúng ngữ nghĩa của HTML.

• Hiển thị địa chỉ với nhiều dòng liên tiếp.
• Xuống dòng trong bài thơ, lời bài hát hoặc câu trích dẫn có định dạng cố định.
• Tách từng dòng thông tin liên hệ như số điện thoại, email hoặc thời gian làm việc.
• Hiển thị nội dung cần giữ nguyên vị trí xuống dòng theo ý muốn.

Ví dụ:

<p>
Công ty Web Mới<br>
123 Đường ABC<br>
TP. Hồ Chí Minh
</p>

Kết quả sẽ hiển thị mỗi thông tin trên một dòng nhưng vẫn nằm trong cùng một đoạn nội dung.

Những trường hợp không nên dùng thẻ br

Một lỗi phổ biến là sử dụng nhiều thẻ br liên tiếp để tạo khoảng cách giữa các phần tử. Điều này khiến mã HTML trở nên rườm rà, khó chỉnh sửa và không đúng ngữ nghĩa.

Không nên dùng thẻ br trong các trường hợp sau:

• Tạo khoảng trắng giữa hai đoạn văn.
• Canh chỉnh bố cục của trang web.
• Tạo khoảng cách phía trên hoặc phía dưới một phần tử.
• Thay thế cho việc sử dụng CSS để điều khiển khoảng cách hiển thị.

Ví dụ không nên áp dụng:

<p>Đoạn văn thứ nhất.</p>

<br>
<br>
<br>

<p>Đoạn văn thứ hai.</p>

Cách viết này vẫn hiển thị đúng nhưng làm giảm tính chuyên nghiệp của mã nguồn. Thay vào đó, nên sử dụng CSS để kiểm soát khoảng cách giữa các phần tử.

Dùng thẻ p hay br để ngắt nội dung?

Việc lựa chọn giữa p và br phụ thuộc vào mục đích trình bày nội dung.

Nguyên tắc đơn giản là nếu nội dung vẫn thuộc cùng một ý thì nên dùng br. Nếu nội dung chuyển sang một ý hoặc một đoạn mới, hãy sử dụng p. Cách làm này giúp tài liệu HTML rõ ràng, dễ bảo trì và phù hợp với tiêu chuẩn phát triển web hiện đại.

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Thẻ br trong HTML.