Computer >> Máy Tính >  >> Lập trình >> HTML

Cách sử dụng Phần tử HTML


Thẻ
xác định một phần tử nội dòng trong HTML, nó buộc một dòng mới (ngắt dòng) giữa văn bản mà bạn đặt nó ở giữa.

Ví dụ:

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

Kết quả:

Thẻ

lực lượng
đường kẻ
ngắt trong văn bản

Điều cần biết về thẻ

  • Bạn sẽ thường thấy các nhà phát triển sử dụng <br> để thêm khoảng trống giữa các phần tử HTML riêng lẻ, nhưng đó là cách sử dụng không chính xác. Bạn nên sử dụng CSS margin thuộc tính áp dụng khoảng cách giữa các phần tử.
  • <br> phần tử được gọi là "phần tử trống" có nghĩa là nó không có thẻ đóng (không giống như hầu hết các phần tử HTML). Nó được xác định chỉ bằng một thẻ:<br>
  • Nếu bạn sử dụng ngắt dòng trong JSX (cho ReactJS), phần tử br cũng chỉ được xác định bằng một , tuy nhiên, phiên bản JSX yêu cầu dấu gạch chéo lên để hợp lệ (như trong thẻ HTML đóng):<br/>
  • Sử dụng <br> phần tử có thể gây ra kết quả bố cục không mong muốn trong kiểu chữ đáp ứng, vì vậy hãy sử dụng nó một cách cẩn thận và theo ý kiến ​​của tôi, chỉ khi bạn phải làm như vậy. Thường thì việc sử dụng các lớp CSS tùy chỉnh là một giải pháp thay thế tốt hơn là sử dụng <br> để định dạng văn bản.