Tại sao @import không được khuyến khích liên kết css?

Question

Tại sao @import không được khuyến khích để liên kết css? Điều gì @import không thể thực hiện điều này có thể được thực hiện bởi <link> và @import có bất kỳ sự không tương thích nào với trình duyệt không?

Điều gì trong số <Link> bạn nên làm gì? Và có bất kỳ đặc sản nào trong @import hữu ích không?

Chúng tôi có nên luôn luôn sử dụng <link> không?

Answer 1

Đây là liên kết đến bài viết nói về buổi biểu diễn và <link> so với @import: don’t use @import; trích dẫn một phần nhỏ của nó:

sử dụng LINK thay vì @import nếu bạn muốn stylesheets tải trong song song dẫn đến một trang nhanh hơn.

Nó không phải là cũ (đó là từ tháng 4 năm 2009 - tức là ít hơn một năm trước), vì vậy nó vẫn cần được chủ yếu là sự thật - và nó được viết bởi Steve Souders, có tên khá nổi tiếng khi nói đến các màn trình diễn front-end.

Trên một điểm chủ quan hơn, tôi khá thích sử dụng nhiều <link> từ tập tin HTML chính của tôi: Bằng cách này, tôi có thể thấy chỉ trong nháy mắt nhanh chóng những tập tin css được gọi là - hoặc nhìn vào tập tin mẫu trên máy chủ hoặc xem nguồn HTML được tạo ở phía máy khách.

Answer 2

Here's a pretty complete answer on about.com

Segment từ bài viết:

Sự khác biệt giữa @import và <link>

Trước khi quyết định phương pháp sử dụng để bao gồm tấm phong cách của bạn, bạn nên hiểu những gì hai phương pháp là có ý định sử dụng cho.

<link> - Liên kết là phương pháp đầu tiên để bao gồm tờ kiểu ngoài trên trang web của bạn. Nó được thiết kế để liên kết với nhau trang web của bạn với tờ kiểu dáng của bạn. Nó sẽ được thêm vào của tài liệu HTML của bạn như thế này:

<link href="styles.css" type="text/css" />

@import - Nhập khẩu cho phép bạn nhập một style sheet thành khác. Đây là hơi khác với trường hợp liên kết, vì bạn có thể nhập các tờ định kiểu bên trong một biểu định kiểu được liên kết. Nhưng nếu bạn bao gồm một @import vào đầu của tài liệu HTML của bạn, nó được viết:

<style type="text/css">@import url("styles.css");</style> Từ một quan điểm tiêu chuẩn, không có sự khác biệt giữa liên kết đến một style sheet bên ngoài hoặc nhập khẩu nó. Dù bằng cách nào là chính xác, và một trong hai cách sẽ hoạt động tốt như nhau (trong hầu hết các trường hợp ). Tuy nhiên, có một vài lý do: bạn có thể muốn sử dụng một số trên khác.

Xem bài viết cho phần còn lại.