19
background:url(http://url);
này
background:url("http://url");
hay này
background:url('http://url');
A
Trả lời
15
Các bit URL của cả ba ví dụ của bạn là CSS hợp lệ, theo CSS specification.
Lưu ý rằng thông số xác định một số ký tự trong URL cần được thoát bằng dấu gạch chéo ngược nếu hiện tại in an unquoted URI, such as parentheses, commas, white space characters, single quotes (') and double quotes ("). Vì lý do này, bạn có thể thấy tốt hơn khi sử dụng dấu ngoặc đơn hoặc kép xung quanh URL của mình.
Lưu ý rằng bạn cần phải viết thuộc tính CSS đầy đủ của bạn trong các định dạng:
background: url(http://example.com);
+0
u có nghĩa là nếu url có ký tự đặc biệt thì báo giá đơn hoặc kép nên được sử dụng. –
+0
không - bạn có thể bao gồm url có các ký tự đặc biệt không có dấu ngoặc kép miễn là bạn thoát khỏi dấu ngoặc kép bằng dấu gạch chéo ngược (như: http://example.com/lo\\\\\\\\i) - quan điểm của tôi là bạn sẽ tìm thấy nó dễ dàng hơn để trích dẫn tất cả các url của bạn ("http://example.com/lo(url)wi") thay vì thoát khỏi các url gây phiền hà – Dexter
+0
@dexter - cũng giống như tôi đã nói nó tốt để sử dụng trích dẫn luôn luôn. –
1
Nó là sự lựa chọn của bạn, theo W3:
Định dạng của một giá trị URI là 'url (' theo sau là khoảng trắng tùy chọn theo sau là một dấu ngoặc đơn tùy chọn (') hoặc dấu ngoặc kép (") theo sau là URI, theo sau bằng dấu nháy đơn tùy chọn (') hoặc dấu ngoặc kép (") ký tự theo sau là khoảng trắng tùy chọn, sau đó là ')'. Hai ký tự báo giá phải là giống nhau.
3
Tôi không nghĩ có điều gì đúng. Nó phải là một trong những điều sau:
background: url(http://url)
background: url("http://url")
background: url('http://url')
Lưu ý dấu hai chấm, thay vì dấu ngoặc nhọn.
0
Tôi sử dụng thẻ không có dấu ngoặc kép. Tôi nhớ đọc một cái gì đó của Zeldman cho biết nó ít có khả năng gây ra vấn đề với các trình duyệt cũ. Tôi tin rằng trình duyệt mà anh ta đề cập là cổ xưa, như Netscape 2 hay gì đó. Ngày nay, nó không quan trọng bạn sử dụng kiểu nào.
1
Dường như bất kỳ trích dẫn hoặc không trích dẫn được chấp nhận (http://www.w3.org/TR/css3-background/)
NHƯNG những dưới đây chỉ được sử dụng NẾU bạn đang tham khảo tài nguyên bên ngoài tên miền của bạn.
background: url(http://url)
background: url("http://url")
background: url('http://url')
NẾU bạn đang ở trên cùng một tên miền: ("http: //" là không cần thiết, như đã đề cập trước đó)
background: url(/path/to/file)
background: url("/path/to/file")
background: url('/path/to/file')
Tôi biết đó là hợp lệ không sử dụng dấu ngoặc kép, nhưng nó doesn' Tôi cảm thấy đúng với tôi! – JAL