Nội bộ css là tốt nhất?

Cascading Style Sheets đã trở thành cách tiêu chuẩn để tạo kiểu và bố cục trang web. Nhà thiết kế sử dụng biểu định kiểu để cho trình duyệt biết cách hiển thị trang web về giao diện, bao gồm các yếu tố như màu sắc, khoảng cách, phông chữ, v.v.

Các kiểu CSS triển khai theo hai cách

• Nội tuyến — trong quá trình mã hóa của chính trang web, trên cơ sở riêng lẻ, theo từng yếu tố
• Trong một tài liệu CSS độc lập mà trang web được liên kết tới

Thực tiễn tốt nhất cho CSS

"Các phương pháp hay nhất" là các phương pháp thiết kế và xây dựng trang web đã được chứng minh là hiệu quả nhất và mang lại nhiều lợi nhuận nhất cho công việc liên quan. Theo dõi chúng trong CSS trong thiết kế web giúp các trang web có giao diện và hoạt động tốt nhất có thể. Chúng đã phát triển qua nhiều năm cùng với các ngôn ngữ và công nghệ web khác và biểu định kiểu CSS độc lập đã trở thành phương pháp sử dụng ưa thích

Làm theo các phương pháp hay nhất dành cho CSS có thể cải thiện trang web của bạn theo nhiều cách

• Tách nội dung khỏi thiết kế. Một trong những mục tiêu chính của CSS là loại bỏ các thành phần thiết kế khỏi HTML và đặt chúng ở một vị trí khác để nhà thiết kế duy trì. Thực tiễn này cũng phục vụ để tách các nhà thiết kế khỏi các nhà phát triển để mỗi người có thể tập trung vào lĩnh vực chuyên môn của họ. Nhà thiết kế không nhất thiết phải là nhà phát triển để duy trì giao diện của trang web
• Làm cho bảo trì dễ dàng. Một trong những yếu tố bị bỏ qua nhiều nhất của thiết kế web là bảo trì. Không giống như các tài liệu in ấn, một trang web không bao giờ là "một và hoàn thành. " Nội dung, thiết kế và chức năng có thể và nên phát triển theo thời gian. Đặt CSS ở vị trí trung tâm, thay vì rải khắp trang web, giúp mọi thứ dễ bảo trì hơn nhiều
• Giữ cho trang web của bạn có thể truy cập được. Sử dụng các kiểu CSS giúp các công cụ tìm kiếm và những người bị vô hiệu hóa tương tác với trang web của bạn
• Giữ cho trang web của bạn hiện tại lâu hơn. Bằng cách sử dụng các phương pháp hay nhất với CSS, bạn đang tuân thủ các tiêu chuẩn đã được chứng minh là ổn định nhưng đủ linh hoạt để thích ứng với những thay đổi trong môi trường thiết kế web

Kiểu nội tuyến không phải là cách thực hành tốt nhất

Kiểu nội tuyến, mặc dù chúng có mục đích, nhưng nhìn chung không phải là cách tốt nhất để duy trì trang web của bạn. Họ đi ngược lại mọi thông lệ tốt nhất

• Kiểu nội tuyến không tách biệt nội dung khỏi thiết kế. Các kiểu nội tuyến hoàn toàn giống với phông chữ được nhúng và các thẻ thiết kế phức tạp khác mà các nhà phát triển hiện đại chống lại. Các kiểu chỉ ảnh hưởng đến các yếu tố cụ thể, riêng lẻ mà chúng được áp dụng;
• Kiểu nội tuyến gây nhức đầu bảo trì. Khi bạn đang làm việc với biểu định kiểu, việc xác định vị trí đặt kiểu có thể khó khăn. Khi bạn đang xử lý sự kết hợp giữa kiểu nội tuyến, kiểu được nhúng và kiểu bên ngoài, bạn có nhiều vị trí cần kiểm tra. Nếu bạn làm việc trong một nhóm thiết kế web hoặc phải thiết kế lại hoặc duy trì một trang web do người khác xây dựng, thì bạn sẽ còn gặp nhiều rắc rối hơn nữa. Khi bạn tìm thấy phong cách và thay đổi nó, bạn sẽ phải làm như vậy trên mọi thành phần trên mọi trang nơi nó được đặt. Điều đó làm tăng thời gian và ngân sách công việc một cách thiên văn
• Kiểu nội tuyến không thể truy cập được. Mặc dù trình đọc màn hình hiện đại hoặc thiết bị hỗ trợ khác có thể xử lý các thuộc tính và thẻ nội tuyến một cách hiệu quả, nhưng một số thiết bị cũ hơn thì không thể, điều này có thể dẫn đến một số trang web hiển thị lạ. Các ký tự và văn bản bổ sung cũng có thể ảnh hưởng đến cách rô-bốt công cụ tìm kiếm xem trang của bạn, vì vậy trang của bạn không hoạt động tốt về mặt tối ưu hóa công cụ tìm kiếm
• Kiểu nội tuyến làm cho trang của bạn lớn hơn. Nếu bạn muốn mọi đoạn trên trang web của mình xuất hiện theo một cách nhất định, bạn có thể thực hiện điều đó một lần với sáu dòng mã hoặc hơn trong biểu định kiểu bên ngoài. Tuy nhiên, nếu bạn làm điều đó với các kiểu nội tuyến, bạn phải thêm các kiểu đó vào mọi đoạn trên trang web của mình. Nếu bạn có năm dòng CSS, thì đó là năm dòng nhân với mỗi đoạn trên trang web của bạn. Băng thông và thời gian tải đó có thể tăng lên nhanh chóng

Thay thế cho Kiểu nội tuyến là Biểu định kiểu bên ngoài

Thay vì sử dụng kiểu nội tuyến, hãy sử dụng biểu định kiểu bên ngoài. Chúng cung cấp cho bạn tất cả lợi ích của các phương pháp hay nhất về CSS và rất dễ sử dụng. Được sử dụng theo cách này, tất cả các kiểu được sử dụng trên trang web của bạn nằm trong một tài liệu riêng biệt, sau đó được liên kết với một tài liệu web bằng một dòng mã. Biểu định kiểu bên ngoài ảnh hưởng đến mọi tài liệu mà chúng được đính kèm. Nếu bạn có một trang web 20 trang trong đó mỗi trang sử dụng cùng một biểu định kiểu—đây thường là cách nó được thực hiện—bạn có thể thực hiện thay đổi đối với từng trang trong số đó chỉ bằng cách chỉnh sửa các kiểu đó một lần, tại một nơi. Thay đổi kiểu tại một điểm thuận tiện hơn là tìm kiếm mã đó trên mọi trang trên trang web của bạn. Tính linh hoạt này làm cho việc quản lý trang web dài hạn dễ dàng hơn nhiều

Trích dẫn bài viết này

Định dạng

trích dẫn của bạn

Kyrnin, Jennifer. "Tránh các kiểu nội tuyến cho thiết kế CSS. "ThinkCo. https. //www. suy nghĩ. com/avoid-inline-styles-for-css-3466846 (truy cập ngày 17 tháng 12 năm 2022)

Sử dụng CSS bên trong hay bên ngoài tốt hơn?

Phương pháp CSS nào hiệu quả nhất?

Lợi thế của việc sử dụng CSS nội bộ là gì?

Loại CSS nào tốt nhất?