&nbsp html là gì? cách tạo khoảng trắng trong html

&nbsp là gì?

&nbsp là một html entity viết tắt của non-breaking space, bạn có thể bạn đã thấy nó trên các website. &nbsp sẽ yêu cầu trình duyệt web tạo khoảng cách giữa hai từ mà không cần chuyển sang dòng tiếp theo.

Để thêm khoảng trắng chúng ta sẽ sử dụng ký tự HTML đặc biệt. Ở đây & dùng để bắt đầu một ký tự đặc biệt và nbsp (non breaking space) là tên của ký tự đặc biệt được dùng để tạo khoảng trắng.

Để hiểu rõ hơn về &nbsp chúng ta sẽ đến với một ví dụ như này:

<p>Học frontend cùng                Homiedev.com</p>

Ví dụ trên sẽ cho chúng ta kết quả như thế này:

Học frontend cùng Homiedev.com

Như các bạn có thể thấy dù có bao nhiêu dấu cách thì trình duyệt cũng sẽ đưa về duy nhất một khoảng trắng.

Nếu bạn muốn tạo khoảng trắng ở vị trí mà bạn muốn, chúng ta sẽ sử dụng &nbsp

<p>Học frontend cùng&nbsp&nbsp&nbspHomiedev.com</p>

Kết quả:

Học frontend cùng   Homiedev.com

Khi nào nên sử dụng &nbsp

Việc chúng ta sử dụng   để tạo nhiều khoảng trắng là một cách làm chưa tối ưu. Sử dụng   không đúng cách sẽ khiến ở một số thiết bị có thể sẽ hiển thị văn bản không theo ý muốn và làm hỏng giao diện.

Do đó chúng ta có thể sử dụng margin với padding để tạo khoảng cách trong HTML là một cách làm tối ưu và đơn giản hơn.

&nbsp nên dùng để tạo khoảng trắng khi bạn muốn giữ các phần tử với nhau hoặc giữa một số phần tử bạn muốn có khoảng trắng nhưng không quá nhiều.

Kết luận

Như vậy là chúng ta đã tìm hiểu về   và khi nào nên sử dụng entity này. Chúng ta sẽ gặp lại nhau trong các bài viết sắp tới nhé ^^.

Đọc thêm bài viết hay khác:

1. javascript:void(0) là gì?
2. JavaScript Type Conversions là gì?