Có quan trọng không, Khoảng trắng giữa các phần tử HTML trong nguồn? khi chúng ta đưa phong cách thông qua CSS? và cần tương thích trình duyệt chéoLiệu nó có quan trọng không, Khoảng trắng giữa các phần tử HTML?
Đối với bất kỳ trình duyệt nào?
Có, ví dụ: hầu như bất kỳ lúc nào dữ liệu là nội dòng.
Hãy so sánh:
<p>H<b>e</b>llo, world</p>
và
<p>H <b>e</b> llo, world</p>
Hãy so sánh hai dòng sau trong một trình duyệt:
<img src="..." /> <img src="..." />
<img src="..." /><img src="..." />
Bạn sẽ thấy rằng có một khoảng trống giữa những hình ảnh trong dòng đầu tiên, nhưng không phải là cặp trong lần thứ hai.
Tùy thuộc vào số lượng khoảng trắng trong html, css, hoặc các tập tin khác, nó có thể có tác động vào phải mất bao lâu để tải về hệ thống của người dùng.
ie6 được sử dụng để đặt khoảng trống giữa các thẻ khi được hiển thị. Nó cũng quan trọng khi Office 2009 hiển thị các email html bằng từ. Nếu bạn có đường thẳng, nó có thể đặt trong khoảng trống 2px.
+1 bạn có thể đưa ra ví dụ về IE6 không? –
Từ diễn đàn khác, Bạn đang cho phép IE6 giới thiệu lỗi khoảng trắng của nó. IE thấy một khoảng trống bên trong một div trống và áp dụng chiều cao dòng cho nó. Sau đó, div sẽ được mở rộng trong IE6 (và cũ hơn) để phù hợp với không gian này. Có khoảng cách của bạn. Giải pháp đơn giản nhất là đảm bảo IE6 hiểu rằng div trống thực sự trống rỗng, bằng cách đặt nhận xét bên trong và đảm bảo có không có ngắt dòng. Thay đổi này ...
... và sẽ không có khoảng cách hơn. –Khoảng trắng không quan trọng, nhưng tất cả khoảng trắng được coi là một khoảng trắng. Ví dụ,
<span>hello</span> <span>there</span>
sẽ được trả lại bởi một trình duyệt hoàn toàn giống như
<span>hello</span> <span>there</span>
Trừ một thẻ <pre> đang được sử dụng.
hoặc khoảng trống: kiểu css trước được sử dụng: http://www.quirksmode.org/css/whitespace.html ví dụ: bạn không thể biết khoảng trắng là quan trọng hay không mà cũng không biết css được sử dụng. – Douglas
Hoặc nếu khoảng trắng là loại không vi phạm. –
Như được chỉ ra bởi Douglas và David Dorward, không gian trắng quan trọng.
Tuy nhiên, trong các khối HTML (nghĩa là không phải javascript hoặc các loại nội dung được nhúng khác), tất cả các khoảng trắng liên tiếp tương đương với một khoảng trắng duy nhất. Đó là, hello <b>world</b> tương đương với
hello
<b>world</b>
Trường hợp ngoại lệ cho quy tắc này là trong vòng <pre>..</pre> khối, đó là khoảng trắng nhạy cảm bởi đặc điểm kỹ thuật.
'" tất cả các khoảng trắng liên tiếp tương đương với một khoảng trắng duy nhất "' Điều này không đúng! Xem khoảng trắng không phá vỡ, ví dụ. –
@BrockAdams mặc dù trong mã HTML bạn không thể đặt trong một không gian không phá vỡ theo nghĩa đen bạn phải sử dụng mã & nbsp Vì vậy, nếu bạn đang nói về khoảng trắng trong chính mã HTML, ký tự dấu cách không phá vỡ, isn không ở trong đó. So sánh với Ms Word, nơi bạn có thể thực sự gõ không gian trống. Chúng trông giống như không gian nhưng chúng không bao giờ tạo ra một dòng mới. Ms Word có hỗ trợ đầy đủ và thích hợp cho không gian và không gian không phá vỡ! Ngoài ra khi mọi người nói không gian họ có nghĩa là char 32 không char 160 và nếu họ có nghĩa là char 160 họ muốn nói không phá vỡ không gian. – barlop
Tùy thuộc vào kiểu nội dung của phần tử chứa khoảng trắng. Nếu mô hình có nguồn gốc từ văn bản, kể cả khi các phần tử và văn bản hỗn hợp, thì các khoảng trắng (mặc dù nhiều ký tự khoảng trắng thường bị thu gọn thành một và không gian đầu/cuối được xóa hoàn toàn, ngoại trừ bên trong một số <pre>). Nếu mô hình chỉ thừa nhận nội dung phần tử, thì khoảng trắng không có ý nghĩa gì cả; ví dụ: khoảng trắng giữa một số <ul> và số <li> s của nó được coi là hoàn toàn không quan trọng.
vùng văn bản cũng bị ảnh hưởng với khoảng trắng giữa mở và đóng thẻ vì nó giả định bất kỳ nội dung giữa hai là nội dung của nó mà nó sẽ hiển thị ....
vì vậy chúng tôi phải luôn luôn loại bỏ khoảng trắng trong nguồn? –
No. 'Xin chào world' có khoảng trống mà bạn muốn giữ lại.Khoảng trống là đáng kể và không thể được thêm hoặc xóa tùy ý. – Quentin
Bạn đề cập đến nơi "dữ liệu được nội tuyến" nhưng "dữ liệu là chặn" là gì? – barlop