HTML5 การใช้งาน br Tag

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

รูปแบบการใช้งานแท็ก <br>

การขึ้นบรรทัดใหม่ในเนื้อหาที่ต่อเนื่องกัน ใช้ในกรณีที่ต้องการทำให้บรรทัดต่อไปแสดงผลต่อเนื่องจากบรรทัดเดิม แต่แยกออกเป็นคนละบรรทัด

<p>บรรทัดแรก<br>บรรทัดที่สอง<br>บรรทัดที่สาม</p>

การใช้งาน <br> ในฟอร์มที่มีข้อมูลหลายบรรทัด เหมาะสำหรับใช้ในแบบฟอร์มที่ต้องการแสดงผลข้อมูลหลายบรรทัด เช่น ที่อยู่

<form>
  <label for="address">ที่อยู่:</label><br>
  <textarea id="address" name="address" rows="4" cols="50"></textarea><br>
  <input type="submit" value="ส่ง">
</form>

การสร้างบทกวีหรือข้อความที่มีรูปแบบคงที่ สำหรับเนื้อหาที่ต้องการให้แสดงผลตามบรรทัดที่กำหนด เช่น บทกวี

<p>
  เหม่อมองฟ้าชวนให้จิตคิดฉงน<br>
  ฟ้าเบื้องบนจะเปลี่ยวเหงาเหมือนเราไหม<br>
  ขาดแคลนคนคู่คิดมิตรคู่ใจ<br>
  เปรียบดังฟ้าที่กว้างใหญ่แต่ไร้ดาว
</p>

การแยกข้อมูลที่เป็นที่อยู่และเบอร์โทรศัพท์ในเว็บไซต์ ในการแสดงผลที่อยู่และเบอร์โทรศัพท์ให้ชัดเจนขึ้นโดยการใช้ <br> เพื่อแยกบรรทัด

<address>
  บริษัท ABC จำกัด<br>
  123/4 ถนนสุขุมวิท<br>
  กรุงเทพฯ 10110<br>
  โทรศัพท์: 02-123-4567
</address>

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

<p>ขอบคุณที่ให้ความสนใจในบริการของเรา<br>
กรุณาติดต่อกลับทางอีเมลเพื่อรับข้อมูลเพิ่มเติม<br>
ขอบคุณค่ะ</p>

สรุป

แท็ก <br> มีประโยชน์ในการแบ่งบรรทัดของข้อความโดยไม่สร้างย่อหน้าใหม่ ช่วยในการจัดรูปแบบข้อความให้แสดงผลตามที่ต้องการ เช่น ขึ้นบรรทัดใหม่ในข้อความต่อเนื่อง ฟอร์มข้อมูล บทกวี หรือการแสดงผลข้อมูลที่ต้องแยกบรรทัด