Hoặc: Tại sao HTML của tôi chạy cùng nhau như một cuộn cổ?
Vì vậy, bạn đã học được các khái niệm HTML cơ bản và một số thẻ HTML cơ bản và bạn đã quyết định dán một số HTML vào CMS của mình . Thật không may, bài viết của bạn chạy cùng nhau. Mọi thứ đều là một đoạn! Chuyện gì đã xảy ra?
Đừng hoảng sợ. Hiểu cách trình duyệt của bạn diễn giải ngắt dòng và bạn sẽ sửa lỗi này nhanh chóng ... hoặc ít nhất, đơn giản.
Trình duyệt bỏ qua hầu hết không gian trắng
HTML là về việc đánh dấu văn bản thông thường. Quay lại khi văn bản đã được trên parchmentq, văn bản thông thường chạy cùng nhau trong các khối khổng lồ. Hôm nay, chúng tôi chia nhỏ văn bản thành các đoạn văn .
Bạn có thể không suy nghĩ nhiều về các đoạn văn. Họ chỉ xảy ra. Bạn nhấn ENTER, và đó là điều đó.
Nhưng HTML thì khác. Trình duyệt cố gắng lọc thông tin không quan trọng. Bạn cần phải hiểu cách thức hoạt động này để bạn không bị lẫn lộn.
Giả sử bạn nhập một nhóm toàn bộ không gian:
Tôi cảm thấy như cummings eeTrình duyệt prosaic của bạn sẽ cung cấp cho bản trình diễn sắc nét này:
Tôi cảm thấy như cummings ee
Chúng tôi không còn ở trong Word nữa, Toto. Trình duyệt bỏ qua khoảng trắng thừa . Chúng giảm nhiều không gian vào một không gian duy nhất.
Trình duyệt cũng sẽ bỏ qua ngắt dòng của bạn .
Tôi cảm thấy như cummings ee nhưng tất cả mọi người ghét CAPITALS trực tuyến anyway.Trình duyệt của bạn thực hiện điều này:
Tôi cảm thấy như cummings ee nhưng tất cả mọi người ghét CAPITALS trực tuyến anyway.
Nếu bạn đến từ thế giới xử lý văn bản, hành vi này có thể gây sửng sốt. Trên thực tế, nó mang lại cho bạn rất nhiều tự do.
Đoạn
Nhưng bạn có thể vẫn muốn đoạn văn. Dưới đây là:
và .
Đây là một đoạn.
Đây là một đoạn văn khác, mặc dù nó nằm trên cùng một dòng. Và mặc dù tôi vừa nhập hai ngắt dòng, nhưng đây vẫn là một phần của đoạn hai. Bây giờ tôi sẽ đóng đoạn hai.
Xem kỹ các thẻ
và , sau đó xem trình duyệt đang làm gì.
Đây là một đoạn văn. Đây là một đoạn văn khác, mặc dù nó nằm trên cùng một dòng. Và mặc dù tôi vừa nhập hai ngắt dòng, nhưng đây vẫn là một phần của đoạn hai. Bây giờ tôi sẽ đóng đoạn hai.
Xem? Trình duyệt thực sự hoàn toàn bỏ qua ngắt dòng của bạn. Nó chỉ quan tâm đến các thẻ.
Thông thường, tất nhiên, sự lựa chọn lành mạnh là để phù hợp với đoạn văn của bạn với ngắt dòng:
Đây là một đoạn.
Đây là một đoạn khác.
Nhưng các ngắt dòng chỉ dành cho bạn. Trình duyệt bỏ qua chúng.
Việc thêm một loạt các thẻ
có thể tẻ nhạt. Đó là một điều để thêm chữ nghiêng ở đây và ở đó. Một cách khác là phải thêm thẻ mỗi khi bạn bắt đầu một đoạn mới.
Nhưng chờ đã! Có hy vọng! Đừng chạy la hét trở lại trình xử lý văn bản của bạn.
CMS của bạn có thể tôn trọng các dòng trống của bạn
May mắn thay, một số CMS được thiết kế để chèn các thẻ đoạn tự động cho bạn, đằng sau hậu trường. Bạn có thể chỉ cần chèn một dòng trống giữa các đoạn văn và CMS thực hiện phần còn lại.
Đây là một đoạn văn. Không có thẻ! Và đây là đoạn khác .Nếu CMS của bạn có tính năng này, bạn sẽ nhận được:
Đây là một đoạn văn. Không có thẻ! Và đây là một đoạn khác .
Tại sao điều này hoạt động? Trước khi CMS trích xuất bài viết của bạn dưới dạng trang web , nó sẽ thêm các thẻ
cần thiết.
CMS của bạn có thể sẽ tự động thực hiện việc này. Nếu không, bạn có thể bật tính năng này.
Nhấn ENTER hai lần cho một đoạn
Trong một trình xử lý văn bản, bạn thường chỉ nhấn ENTER một lần giữa các đoạn văn. Các đoạn văn là một dòng duy nhất, nhưng trình xử lý văn bản kết thúc chúng.
Trong HTML, bạn muốn nhấn ENTER hai lần giữa các đoạn văn . Nếu CMS của bạn tự động thêm các thẻ
, nó có thể mong đợi một dòng trống.
Các ngắt dòng HTML khác nhau
Trong trình duyệt, các đoạn có khoảng trống giữa chúng. Điều gì xảy ra nếu bạn chỉ muốn kết thúc một dòng, mà không có một khoảng trống trước dòng tiếp theo? Không vấn đề gì. Có một thẻ ngắt dòng.