Xoá các thuộc tính type=’text/javascript’ và type=’text/css’ khỏi WordPress
Trong quá trình phát triển web, khi tôi check domain vutruso.com ở W3C (https://validator.w3.org/) xem code đầu ra HTML có hợp lệ hay không thì gặp phải thông báo warning như phía dưới.
Trước đây thì sẽ không bị thông báo này nhưng w3c đã thay đổi và cho ra thông báo các type attribute của css và js là không cần thiết nên trong bài viết này tôi sẽ share 1 đoạn code để bạn có thể xoá bỏ các type attribute css/js để vượt qua được 1 lỗi trên w3c.
Các thuộc tính II. Xoá
Nếu bạn vẫn quyết định xoá
Okay, sau khi thêm vào file functions.php bạn có thể lưu lại sau đó xoá cache của website đi và check lại với W3C sẽ không còn thấy thông báo warning như đầu bài mình đề cập nữa.
The type attribute for the style element is not needed and should be omitted.
Warning: The type attribute is unnecessary for JavaScript resources.
Trước đây thì sẽ không bị thông báo này nhưng w3c đã thay đổi và cho ra thông báo các type attribute của css và js là không cần thiết nên trong bài viết này tôi sẽ share 1 đoạn code để bạn có thể xoá bỏ các type attribute css/js để vượt qua được 1 lỗi trên w3c.
Các thuộc tính type='text/javascript' và type='text/css' chỉ có tác dụng trong HTML4 và XHTML để chỉ định loại thành phần tập lệnh là css hay js.
Trong HTML5 nó tự hiểu mặc định các thuộc tính cho các file JS là type='text/javascript' và type='text/css' cho các file CSS nên những thuộc tính này thường được coi là dư thừa trong quá trình phát triển web hiện đại.
I. Tác động tiềm ẩn đối với các trình duyệt cũ
Khả năng tương thích của các trình duyệt hiện đại: Hầu hết các trình duyệt hiện đại (bao gồm các phiên bản gần đây của Internet Explorer, Edge, Chrome, Firefox và Safari) mặc định giả định các thuộc tính nên bạn có thể xóa type các thuộc tính này sẽ không ảnh hưởng đến chức năng trang web của bạn. Mối lo ngại về trình duyệt cũ: Đối với các trình duyệt cũ chủ yếu xuất hiện với các phiên bản Internet Explorer cũ hơn IE9. Lưu ý là các phiên bản Internet Explorer này đã lỗi thời và thậm chí không còn được Microsoft hỗ trợ nữa. Tỷ lệ sử dụng của các trình duyệt cũ như vậy là rất ít. Tiêu chuẩn và thực tiễn: Tiêu chuẩn hiện tại (HTML5) nên bạn có thể bỏ qua type thuộc tính này một cách an toàn đối với tài nguyên JavaScript và CSS. Việc xóa các thuộc tínhtype='text/javascript' và type='text/css' sẽ không khiến trang web của bạn gặp sự cố trong phần lớn các tình huống, đặc biệt là trong các trình duyệt hiện đại.
II. Xoá type='text/javascript' và type='text/css' khỏi WordPress
Nếu bạn vẫn quyết định xoá type='text/javascript' và type='text/css' khỏi WordPress thì bạn có thể sử dụng đoạn code dưới đây và thêm vào file chức năng của website ( file: functions.php )
File functions.php trong WordPress nằm ở đâu và có chức năng gì? bạn có thể tìm hiểu thêm về file functions.php tại đây
|
1 2 3 4 5 6 7 8 9 |
// Remove tag css, js: type='text/javascript' and type='text/css add_action('wp_loaded', 'ngoinhaweb_output_buffer_start'); function ngoinhaweb_output_buffer_start(){ ob_start("ngoinhaweb_output_callback"); } function ngoinhaweb_output_callback($buffer){ return preg_replace("%[ ]type=[\'\"]text\/(javascript|css)[\'\"]%", '', $buffer); } |
