Chèn một khoảng trống trong html là cần thiết để hiển thị chính xác văn bản trên trang web theo các hiệu ứng mà tác giả hình thành. Tùy thuộc vào mức độ phức tạp của nhiệm vụ, bạn có thể sử dụng cả các khoảng trắng thông thường không ngắt và kiểm soát số lượng khoảng trắng bằng cách sử dụng thuộc tính css.
Nó là cần thiết
trình soạn thảo html
Hướng dẫn
Bước 1
Nếu bạn cần chèn một khoảng trắng thông thường giữa các từ (có được bằng cách nhấn phím Space), bạn không cần thực hiện bất kỳ hành động đặc biệt nào - bất kỳ số lượng khoảng trắng thông thường liên tiếp nào trong mã html sẽ giống như một trên trang web.
Bước 2
Để giữ số lượng khoảng cách chính xác giữa các từ, hãy thay thế mỗi khoảng trắng thông thường bằng " (không có dấu ngoặc kép) - đây là mã khoảng trắng không ngắt trong html. Ví dụ: "Có hai khoảng trắng giữa mỗi từ." Một khoảng trắng không ngắt được chèn vào giữa hai từ và để chúng không bị phân tách khi được quấn sang một dòng khác. Để tự động sắp xếp các khoảng trắng không ngắt trong văn bản, thật tiện lợi khi sử dụng công cụ nổi tiếng của Artemy Lebedev - "Typograf" (https://www.artlebedev.ru/tools/typograf/).
Bước 3
Một cách khác để chèn khoảng cách dự kiến trong html giữa các từ: đặt phần văn bản mong muốn trong thẻ và. Sau đó, các từ sẽ được hiển thị bằng phông chữ monospaced, nhưng tất cả các khoảng cách thông thường giữa các từ sẽ được giữ nguyên khi hiển thị trên trang web. Xin lưu ý rằng thẻ có một số điểm đặc biệt: một số thẻ khác không được phép bên trong thẻ: và ,,,,.
Bước 4
Một phương pháp phức tạp hơn để kiểm soát việc xử lý khoảng trắng: sử dụng thuộc tính css khoảng trắng với giá trị pre hoặc pre-wrap (không bao gồm dòng bên trong phần tử và với dòng bao bọc tương ứng). Chỉ định thuộc tính này trong phần mô tả kiểu trang hoặc phần tử bố cục html riêng biệt. Khi sử dụng phương pháp này, phông chữ không thay đổi thành monospaced và số khoảng cách giữa các từ được giữ nguyên. Ví dụ: Làm cách nào để chèn khoảng trắng vào mã html? Hoặc:.free_spaces {white-space: pre-wrap;} … Làm cách nào để chèn khoảng trắng vào mã html?
