Tại sao CSS nội tuyến là một ý tưởng tồi?
|
Nhiều trình phân tích trang web và hầu hết các nhà thiết kế trang web sẽ tích cực ngăn bạn sử dụng CSS nội tuyến (biểu định kiểu xếp tầng) trong các trang web của bạn. Thường có những lý do rất chính đáng cho điều đó, và hãy xem tại sao nó thường bị phản đối Show
Một câu hỏi mà tôi thường được hỏi là. Tôi chỉ muốn sử dụng nó ở một nơi này. Có tệ đến thế không? Vì vậy, nó thực sự xấu và tại sao?Đúng. Đó là loại xấu và đây là lý do tại sao
Vì vậy, nó không bao giờ là tốt?Hừm…. Có thể có một tập hợp các điều kiện rất cụ thể có thể là duy nhất đối với một trang web mà việc thực hiện điều đó có thể hợp lý. Theo ý kiến khiêm tốn của tôi, vẫn không tốt khi viết mã dưới dạng css nội tuyến. Hoàn toàn không sử dụng các thuộc tính kiểu cấp độ thẻ. CSS cấp độ thẻ khá khó theo dõi, đặc biệt nếu nó nằm sâu trong mã. Tôi đang nói nhiều hơn về việc thêm quy tắc bằng cách sử dụng thẻ kiểu trong mỗi trang…. cũng được coi là css nội tuyến Bạn nên sử dụng một số loại tập lệnh hoặc mẫu tạo trang web để chèn các quy tắc từ tệp bên ngoài dưới dạng CSS nội tuyến
Một ví dụ về một trang web mà CSS nội tuyến có thể hợp lý là một công cụ tìm kiếm (ví dụ:. Google. com) trang chủ/trang tìm kiếm. Trang được tải hàng tỷ lần mỗi ngày, vì vậy mọi yêu cầu đều có giá trị và bạn muốn tiết kiệm những yêu cầu đó. Về mặt kỹ thuật, đây là một trang web một trang với một mục đích và là một trang rất đơn giản, yêu cầu ít hoặc không cần CSS CSS nội tuyến cũng không tốt cho SEO?Không. Ít nhất tôi không thể nghĩ tại sao nó có thể xấu hoặc có bất kỳ ảnh hưởng nào đến SEO Lý do gián tiếp duy nhất tôi có thể nghĩ đến là css nội tuyến làm cho kích thước trang lớn hơn. Điều này có thể khiến trang tải chậm hơn, do đó ảnh hưởng đến thứ hạng tìm kiếm. Nhưng hãy nghĩ về điều đó, việc tăng kích thước trang sẽ rất nhỏ trong hầu hết các trường hợp, trừ khi bạn đang nội tuyến rất nhiều tệp CSS và quy tắc…hơn 10kb hoặc hơn Sự khác biệt chính giữa CSS nội tuyến và CSS bên ngoài là CSS nội tuyến được xử lý nhanh hơn vì nó chỉ yêu cầu trình duyệt tải xuống 1 tệp trong khi sử dụng CSS bên ngoài sẽ yêu cầu tải xuống các tệp HTML và CSS riêng biệt Trong hướng dẫn này, chúng ta sẽ đi sâu so sánh ba loại kiểu CSS. nội tuyến, bên ngoài và nội bộ. Chúng tôi cũng sẽ khám phá những ưu điểm và nhược điểm của việc sử dụng từng phương pháp
CSS chính xác là gì?Cascading Style Sheets (CSS) là ngôn ngữ đánh dấu chịu trách nhiệm về giao diện trang web của bạn. Nó kiểm soát màu sắc, phông chữ và bố cục của các thành phần trang web của bạn Ngôn ngữ biểu định kiểu này cũng cho phép bạn thêm hiệu ứng hoặc hoạt ảnh vào trang web của mình. Bạn có thể sử dụng nó để hiển thị một số hoạt ảnh CSS như hiệu ứng nút bấm, trình quay hoặc trình tải và hình nền động Nếu không có CSS, trang web của bạn sẽ xuất hiện dưới dạng trang HTML đơn giản. Đây là cách Twitter sẽ trông như thế nào nếu chúng ta tắt CSS của nó Sự khác biệt giữa các kiểu CSS nội tuyến, bên ngoài và bên trongCó ba cách bạn có thể sử dụng để triển khai CSS vào HTML của mình. phong cách bên trong, bên ngoài và nội tuyến. Hãy phá vỡ chúng CSS nội bộInternal or embedded CSS requires you to add Tệp HTML của bạn sẽ trông như thế này
Ưu điểm của CSS nội bộ
.class {
property1 : value1;
property2 : value2;
property3 : value3;
}
#id {
property1 : value1;
property2 : value2;
property3 : value3;
}
Nhược điểm của CSS nội bộ
CSS bên ngoàiVới CSS bên ngoài, bạn sẽ liên kết các trang web của mình với một bên ngoài. css, tệp này có thể được tạo bởi bất kỳ trình soạn thảo văn bản nào trong thiết bị của bạn (e. g. , Sổ tay ++) Loại CSS này là một phương pháp hiệu quả hơn, đặc biệt là để tạo kiểu cho một trang web lớn. Bằng cách chỉnh sửa một. css, bạn có thể thay đổi toàn bộ trang web của mình cùng một lúc Làm theo các bước sau để sử dụng CSS bên ngoài
.xleftcol {
float: left;
width: 33%;
background:#809900;
}
.xmiddlecol {
float: left;
width: 34%;
background:#eff2df;
}
|