วิธีใช้ HTML <br> Element: เว้นบรรทัด และการใช้งานที่ถูกต้อง

แท็ก <br> กำหนดเอลิเมนต์แบบ inline ใน HTML ที่บังคับให้ขึ้นบรรทัดใหม่ (line break) ระหว่างข้อความที่คุณวางไว้ระหว่างกัน

ตัวอย่าง:

<p> The &lt;br&gt; tag <br>forces<br>line<br>breaks in text </p>

ผลลัพธ์:

The <br> tag
forces
line
breaks in text

ข้อมูลที่ควรทราบเกี่ยวกับแท็ก <br>

• คุณจะมักเห็นนักพัฒนาใช้แท็ก <br> เพื่อเพิ่มช่องว่างระหว่างเอลิเมนต์ HTML แต่เป็นการใช้งานที่ไม่ถูกต้อง คุณควรใช้คุณสมบัติ CSS margin เพื่อเพิ่มช่องว่างระหว่างเอลิเมนต์
• เอลิเมนต์ <br> เป็นที่เรียกว่า "empty element" หมายความว่ามันไม่มีแท็กปิด (ไม่เหมือนเอลิเมนต์ HTML ส่วนใหญ่) ถูกกำหนดด้วยแท็กเดียว: <br>
• หากคุณใช้ line breaks ใน JSX (สำหรับ ReactJS) เอลิเมนต์ br ก็ถูกกำหนดด้วยแท็กเดียวเช่นกัน อย่างไรก็ตาม เวอร์ชัน JSX ต้องการ forward slash เพื่อให้ถูกต้อง (เหมือนแท็กปิด HTML): <br/>
• การใช้เอลิเมนต์ <br> อาจทำให้ได้ผลการจัดวางที่ไม่พึงประสงค์ใน responsive typography ดังนั้นใช้อย่างระมัดระวัง และในความคิดเห็นของฉัน ใช้เฉพาะเมื่อจำเป็น คลาส CSS แบบกำหนดเองมักเป็นทางเลือกที่ดีกว่า <br> สำหรับการจัดรูปแบบข้อความ