Thẻ đoạn văn

Các đoạn văn bản chiếm phần lớn nội dung trên các trang web. Trong bài này, chúng ta sẽ tìm hiểu chi tiết cách sử dụng thẻ <p> để trình bày văn bản một cách chuẩn và có ngữ nghĩa.

Thẻ p là gì?

Chữ p viết tắt của paragraph (đoạn văn).

• Thẻ <p> dùng để đánh dấu một đoạn văn bản độc lập trên trang web.
• Một đoạn văn có thể chỉ gồm một câu hoặc nhiều câu, có thể sử dụng thẻ <p> với các đoạn văn bản ngắn.
• Mỗi thẻ <p> tự động xuống dòng mới. Trình duyệt thường thêm khoảng cách (margin) trên và dưới để tách biệt các đoạn văn.

Ví dụ:

<p>Đây là một đoạn văn bản đơn giản.</p>
<p>Đây là một đoạn văn bản dài hơn, chứa nhiều câu. Nó vẫn nằm trong một thẻ p duy nhất.</p>
<p>Bạn có thể tạo nhiều đoạn văn bản khác nhau bằng cách sử dụng nhiều thẻ p liên tiếp.</p>

Thẻ br ngắt dòng trong đoạn văn

• Thẻ <br> (line break) dùng để ngắt dòng bên trong cùng một đoạn văn. Đây là thẻ tự đóng.
• Trong HTML, nhiều dấu cách hay xuống dòng trong mã nguồn chỉ hiển thị thành một khoảng trắng trên trình duyệt.
• Sử dụng <br> khi cần xuống dòng trong cùng một đoạn, ví dụ như thơ, địa chỉ,…. Không dùng <br> để phân cách các đoạn văn hay tạo khoảng cách.

Ví dụ:

<p>
  Đầu lòng hai ả tố nga<br />
  Thúy Kiều là chị em là Thúy Vân<br />
  Mai cốt cách tuyết tinh thần,<br />
  Mỗi người một vẻ mười phân vẹn mười.
</p>

Lưu ý khi sử dụng thẻ p và br

• Mỗi thẻ <p> đại diện cho một đoạn văn độc lập, không được lồng một thẻ <p> bên trong thẻ <p> khác.
• Luôn dùng <p> để trình bày các đoạn văn bản nhằm đảm bảo tính ngữ nghĩa và khả năng truy cập.
• Chỉ dùng <br> để ngắt dòng trong cùng một đoạn văn, không dùng để tạo khoảng cách giữa các nội dung.
• Mỗi thẻ HTML có ý nghĩa riêng — việc sử dụng đúng thẻ giúp nội dung có cấu trúc rõ ràng và chuẩn SEO.

Kết luận