Tạo khoảng trắng với thẻ 'p' và 'br'

Không gian trên một trang web có vẻ là một điều khá đơn giản. Nhưng lần đầu tiên bạn thử nhấn phím nhiều lần và có thông tin đó không xuất hiện trên trang của bạn, bạn sẽ nhận ra rằng nó không dễ dàng như nó trông.

Có một số cách để tạo không gian trên một trang web. Hai cái đầu tiên có thẻ HTML :

...

Điểm đánh dấu đoạn văn thường sẽ đặt dấu cách giữa các mục. Nó hoạt động như một đoạn ngắt đoạn.

Tuy nhiên, một vài

​​trong một hàng sẽ không làm gì ngoài việc làm lộn xộn trang của bạn. Một số người chỉnh sửa sẽ đặt

ở những nơi để thêm nhiều không gian hơn, nhưng điều này thực sự không sử dụng thẻ

, mà đúng hơn là ký tự mà chúng tôi sẽ nhận được trong một phút.


Thẻ
có nghĩa là đặt một ngắt dòng duy nhất trong luồng văn bản. Tuy nhiên, nó có thể được sử dụng nhiều lần trong một hàng để tạo ra các chuỗi ký tự trống dài. Vấn đề là, bạn không thể xác định chiều cao và chiều rộng của không gian, và nó sẽ tự động là chiều rộng của trang.

Lề và lề CSS

Một cách khác để thêm không gian vào tài liệu trang Web của bạn là sử dụng lề và thuộc tính CSS. Đây là cách tốt hơn để có được chính xác lượng không gian bạn muốn giữa các phần tử của mình. Và bạn có thể ảnh hưởng nhiều hơn chỉ là không gian dọc trong tài liệu.

Không gian không phá vỡ ()

Cuối cùng, có không gian không phá vỡ . Thực thể ký tự này hoạt động chính xác như không gian văn bản bình thường, ngoại trừ việc trình duyệt xử lý riêng từng đối tượng.

Nếu bạn đặt bốn liên tiếp, trình duyệt sẽ đặt bốn dấu cách trong văn bản.

Lưu ý, các trình duyệt cũ hơn có thể không hiển thị nhiều không gian trống.

Sử dụng các không gian không phá vỡ trong bảng

Bàn thường sẽ đóng hoặc gãy nếu bạn không bao gồm thứ gì đó trong ô để giữ nó mở. Ví dụ: Sử dụng HTML sau để tạo bảng có máng xối 30 pixel:

Nên có một lượng nhỏ không gian bên trái của văn bản này. Một số trình duyệt sẽ hiển thị nó đúng cách, nhưng nhiều trình duyệt sẽ bỏ qua yêu cầu chiều rộng bảng và đặt văn bản tuôn ra với lề trái. Rất phiền phức!

Để giữ cho cột trong bảng không bị vỡ, hãy sử dụng một khoảng trống không phá vỡ:

Nên có một lượng nhỏ không gian bên trái của văn bản này. Với hầu hết các trình duyệt sẽ hiển thị nó đúng cách.