แท็ก
กำหนดองค์ประกอบแบบอินไลน์ใน HTML ซึ่งบังคับให้ขึ้นบรรทัดใหม่ (ตัวแบ่งบรรทัด) ระหว่างข้อความที่คุณใส่ไว้
ตัวอย่าง:
<p>
The <br> tag <br>forces<br>line<br>breaks in text
</p>ผลลัพธ์:
แท็ก
กองกำลัง
ไลน์
แบ่งข้อความ
ข้อควรรู้เกี่ยวกับแท็ก
- คุณมักจะเห็นนักพัฒนาใช้
<br>เพื่อเพิ่มช่องว่างระหว่างองค์ประกอบ HTML แต่ละรายการ แต่นั่นเป็นการใช้งานที่ไม่ถูกต้อง คุณควรใช้ มาร์จิ้น CSS ของ CSS คุณสมบัติเพื่อใช้ช่องว่างระหว่างองค์ประกอบ - The
<br>องค์ประกอบคือสิ่งที่เรียกว่า "องค์ประกอบว่าง" ซึ่งหมายความว่าไม่มีแท็กปิด (ต่างจากองค์ประกอบ HTML ส่วนใหญ่) มันถูกกำหนดด้วยแท็กเดียว:<br> - หากคุณใช้ตัวแบ่งบรรทัดใน JSX (สำหรับ ReactJS) องค์ประกอบ br จะถูกกำหนดด้วย หนึ่ง เท่านั้น อย่างไรก็ตาม เวอร์ชัน JSX ต้องใช้เครื่องหมายทับเพื่อให้ถูกต้อง (เช่นเดียวกับในแท็ก HTML ปิด):
<br/> - การใช้
<br>องค์ประกอบอาจทำให้เกิดผลลัพธ์เลย์เอาต์ที่ไม่พึงประสงค์ในการพิมพ์ที่ตอบสนองได้ ดังนั้นโปรดใช้อย่างระมัดระวัง และในความคิดของฉัน เฉพาะในกรณีที่จำเป็นเท่านั้น บ่อยครั้งที่การใช้คลาส CSS แบบกำหนดเองเป็นทางเลือกที่ดีกว่าการใช้<br>สำหรับการจัดรูปแบบข้อความ
