การใช้แท็ก br

แท็ก <br> ใน HTML ใช้เพื่อสร้างการขึ้นบรรทัดใหม่ (line break) ในเนื้อหาของหน้าเว็บ โดยไม่ต้องสร้างย่อหน้าใหม่หรือมีการเว้นระยะห่างเพิ่มเติม เช่นเดียวกับการกดปุ่ม Enter บนแป้นพิมพ์ในโปรแกรมประมวลผลคำ

คุณสมบัติและการใช้งานของ <br>

สร้างการขึ้นบรรทัดใหม่ในเนื้อหา

เมื่อคุณใช้แท็ก <br>, เนื้อหาที่แสดงผลจะถูกขึ้นบรรทัดใหม่ทันทีหลังจากแท็กนี้

This is the first line.<br>
This is the second line.

ผลลัพธ์ที่ได้บนเบราว์เซอร์

This is the first line.
This is the second line.

ไม่มีการปิดแท็ก

แท็ก <br> เป็นแท็กที่ไม่มีการปิด (self-closing tag) หมายความว่ามันไม่จำเป็นต้องมีแท็กปิด เช่น <br> หรือ <br /> ใน XHTML และ HTML5 ถือว่าถูกต้องทั้งสองรูปแบบ

ใช้ในย่อหน้าเดียวกันเพื่อแยกบรรทัด

หากต้องการให้เนื้อหาอยู่ในย่อหน้าเดียวกัน แต่ต้องแยกบรรทัด สามารถใช้แท็ก <br> โดยไม่ต้องใช้ <p>

<p>
  Line one.<br>
  Line two.<br>
  Line three.
</p>

ข้อควรระวังในการใช้งาน

การใช้ <br> ในการจัดเนื้อหาไม่ควรใช้เป็นวิธีหลักในการจัดโครงสร้างหน้าเว็บ ควรใช้แท็กที่เหมาะสม เช่น <p> สำหรับย่อหน้า และ <div> หรือ <section> สำหรับโครงสร้างที่ใหญ่ขึ้นแทน เพราะ <br> ใช้เพียงเพื่อการขึ้นบรรทัดใหม่ในเนื้อหา ไม่ได้มีผลในการจัดรูปแบบหรือจัดโครงสร้าง

ตัวอย่างในสถานการณ์จริง

เช่น ในการแสดงผลที่อยู่บนหน้าเว็บ

Address:<br>
123 Example Street<br>
Example City, EC 12345

ผลลัพธ์ที่ได้บนเบราว์เซอร์จะเป็น

Address:
123 Example Street
Example City, EC 12345

เมื่อใดควรใช้ <br>

เมื่อคุณต้องการแยกบรรทัดในเนื้อหาสั้น ๆ ที่ไม่ต้องการย่อหน้าใหม่ เช่น ที่อยู่, บทกวี, เนื้อเพลง หรือข้อมูลที่ต้องจัดบรรทัดตามลำดับ