{"id":5626,"date":"2018-01-08T15:21:37","date_gmt":"2018-01-08T15:21:37","guid":{"rendered":"http:\/\/codeless.co\/?p=5626"},"modified":"2025-10-27T12:40:28","modified_gmt":"2025-10-27T12:40:28","slug":"remove-type-attribute-from-wordpress","status":"publish","type":"post","link":"https:\/\/codeless.co\/remove-type-attribute-from-wordpress\/","title":{"rendered":"Remove type attribute for Javascript and style in WordPress"},"content":{"rendered":"

I was facing a problem with W3 Validator that constantly show some Warnings : ” The <\/span>type<\/code>\u00a0attribute is unnecessary for JavaScript resources.” in my WordPress Website. Also i have already another one that is: “The\u00a0<\/span>type<\/code>\u00a0attribute is unnecessary for style resources”. In total i have 30 repeated Warnings that invalidate my website.\u00a0 After make some research i have found that HTML 5 doesn't require anymore to declare type attribute for JavaScript tags and style. So practically if you have:<\/span><\/p>\n

<script type=\"text\/javascript\"><\/pre>\n
you have to remove the type=”text\/javascript”<\/p>\n
<script><\/pre>\n
The same thing have to be done with style tags:<\/p>\n
<style type=\"text\/css\"><\/pre>\n
and replace with:<\/p>\n
<style><\/pre>\n
Now with an html this is easy to edit and to fix the Warnings but isn't the same with WordPress that files are\u00a0called with wp_enqueue_script or wp_enqueue_style functions. In this case WordPress gives to 2 hooks to give to us to remove the type attribute from JavaScript and style tags loaded from WordPress native functions.<\/p>\n
The two hooks are:\u00a0<\/strong><\/p>\n
style_loader_tag – HTML link tag of an enqueued style<\/p>\n
script_loader_tag – Html ling tag of the enqueued script<\/p>\n
So i created an function called codeles_remove_type_attr\u00a0 that with a reg expression remove the type attribute from WordPress loaded JavaScript and Styles tags.<\/p>\n
After that i have added two filters one for the style tag hook and the other one for the script hook.<\/p>\n
The code below have to be written into functions.php file.<\/p>\n
add_filter('style_loader_tag', 'codeless_remove_type_attr', 10, 2);\nadd_filter('script_loader_tag', 'codeless_remove_type_attr', 10, 2);\n\nfunction codeless_remove_type_attr($tag, $handle) {\n    return preg_replace( \"\/type=['\\\"]text\\\/(javascript|css)['\\\"]\/\", '', $tag );\n}<\/pre>\n
Now the problem is resolved but all the WordPress plugins and themes have to do that so we can't fall in the problem to add the function in all of them manually.<\/p>\n
Write in the comments below if you have any question or idea.<\/p>\n
P.S Keep in mind that Warnings are not Errors so you can explain that to your clients too. Anyway there are clients that wants the w3c validator test clean.<\/p>\n
Regards!<\/p>\n","protected":false},"excerpt":{"rendered":"
I was facing a problem with W3 Validator that constantly show some Warnings : ” The type\u00a0attribute is unnecessary for JavaScript resources.” in my WordPress Website. Also i have already another one that is: “The\u00a0type\u00a0attribute is unnecessary for style resources”. In total i have 30 repeated Warnings that […]<\/p>\n","protected":false},"author":1,"featured_media":5628,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_eb_attr":"","ub_ctt_via":"","spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true},"categories":[1811],"tags":[559,560,557,561,558],"featured_image_src":"https:\/\/codeless.co\/wp-content\/uploads\/2018\/01\/js-attr.png","author_info":{"display_name":"Ludjon Roshi","author_link":"https:\/\/codeless.co\/author\/admin\/"},"yoast_head":"\nRemove type attribute for Javascript and style in WordPress - Codeless<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codeless.co\/remove-type-attribute-from-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Remove type attribute for Javascript and style in WordPress\" \/>\n<meta property=\"og:description\" content=\"I was facing a problem with W3 Validator that constantly show some Warnings : ” The type\u00a0attribute is unnecessary for JavaScript resources.” in my WordPress Website. Also i have already another one that is: “The\u00a0type\u00a0attribute is unnecessary for style resources”. In total i have 30 repeated Warnings that […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codeless.co\/remove-type-attribute-from-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Codeless\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Codeless-Solutions-590477977725566\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-01-08T15:21:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-27T12:40:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codeless.co\/wp-content\/uploads\/2018\/01\/js-attr.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1094\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Ludjon Roshi\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@ludjon_roshi\" \/>\n<meta name=\"twitter:site\" content=\"@codelessthemes\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ludjon Roshi\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codeless.co\/remove-type-attribute-from-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codeless.co\/remove-type-attribute-from-wordpress\/\"},\"author\":{\"name\":\"Ludjon Roshi\",\"@id\":\"https:\/\/codeless.co\/#\/schema\/person\/d5fed9215b182cabcef6dc8308177e44\"},\"headline\":\"Remove type attribute for Javascript and style in WordPress\",\"datePublished\":\"2018-01-08T15:21:37+00:00\",\"dateModified\":\"2025-10-27T12:40:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codeless.co\/remove-type-attribute-from-wordpress\/\"},\"wordCount\":324,\"publisher\":{\"@id\":\"https:\/\/codeless.co\/#organization\"},\"articleSection\":[\"WordPress Tutorials\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codeless.co\/remove-type-attribute-from-wordpress\/\",\"url\":\"https:\/\/codeless.co\/remove-type-attribute-from-wordpress\/\",\"name\":\"Remove type attribute for Javascript and style in WordPress - Codeless\",\"isPartOf\":{\"@id\":\"https:\/\/codeless.co\/#website\"},\"datePublished\":\"2018-01-08T15:21:37+00:00\",\"dateModified\":\"2025-10-27T12:40:28+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/codeless.co\/remove-type-attribute-from-wordpress\/#breadcrumb\"},\"inLanguage\":\"en-US\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/codeless.co\/remove-type-attribute-from-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/codeless.co\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Remove type attribute for Javascript and style in WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/codeless.co\/#website\",\"url\":\"https:\/\/codeless.co\/\",\"name\":\"Codeless\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/codeless.co\/#organization\"},\"alternateName\":\"Codeless Themes\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/codeless.co\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/codeless.co\/#organization\",\"name\":\"Codeless\",\"alternateName\":[\"Codeless Themes\",\"Code-less\",\"Code less\",\"Codeless.co\"],\"url\":\"https:\/\/codeless.co\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codeless.co\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/codeless.co\/wp-content\/uploads\/2020\/11\/logo-codeless.png\",\"contentUrl\":\"https:\/\/codeless.co\/wp-content\/uploads\/2020\/11\/logo-codeless.png\",\"width\":200,\"height\":231,\"caption\":\"Codeless\"},\"image\":{\"@id\":\"https:\/\/codeless.co\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Codeless-Solutions-590477977725566\/\",\"https:\/\/twitter.com\/codelessthemes\",\"https:\/\/www.youtube.com\/c\/CodelessThemes\",\"https:\/\/themeforest.net\/user\/code-less\",\"https:\/\/profiles.wordpress.org\/codelessthemes\/\",\"https:\/\/github.com\/codelessteam\",\"https:\/\/elements.envato.com\/user\/code-less\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/codeless.co\/#\/schema\/person\/d5fed9215b182cabcef6dc8308177e44\",\"name\":\"Ludjon Roshi\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codeless.co\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/codeless.co\/wp-content\/uploads\/2021\/06\/ludjon_roshi-author.jpeg\",\"contentUrl\":\"https:\/\/codeless.co\/wp-content\/uploads\/2021\/06\/ludjon_roshi-author.jpeg\",\"caption\":\"Ludjon Roshi\"},\"description\":\"Ludjon, who co-founded Codeless, possesses a deep passion for technology and the web. With over a decade of experience in constructing websites and developing widely-used WordPress themes, Ludjon has established himself as an accomplished expert in the field.\",\"sameAs\":[\"https:\/\/twitter.com\/ludjon_roshi\"],\"url\":\"https:\/\/codeless.co\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Remove type attribute for Javascript and style in WordPress - Codeless","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/codeless.co\/remove-type-attribute-from-wordpress\/","og_locale":"en_US","og_type":"article","og_title":"Remove type attribute for Javascript and style in WordPress","og_description":"I was facing a problem with W3 Validator that constantly show some Warnings : ” The type\u00a0attribute is unnecessary for JavaScript resources.” in my WordPress Website. Also i have already another one that is: “The\u00a0type\u00a0attribute is unnecessary for style resources”. In total i have 30 repeated Warnings that […]","og_url":"https:\/\/codeless.co\/remove-type-attribute-from-wordpress\/","og_site_name":"Codeless","article_publisher":"https:\/\/www.facebook.com\/Codeless-Solutions-590477977725566\/","article_published_time":"2018-01-08T15:21:37+00:00","article_modified_time":"2025-10-27T12:40:28+00:00","og_image":[{"width":1920,"height":1094,"url":"https:\/\/codeless.co\/wp-content\/uploads\/2018\/01\/js-attr.png","type":"image\/png"}],"author":"Ludjon Roshi","twitter_card":"summary_large_image","twitter_creator":"@ludjon_roshi","twitter_site":"@codelessthemes","twitter_misc":{"Written by":"Ludjon Roshi","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codeless.co\/remove-type-attribute-from-wordpress\/#article","isPartOf":{"@id":"https:\/\/codeless.co\/remove-type-attribute-from-wordpress\/"},"author":{"name":"Ludjon Roshi","@id":"https:\/\/codeless.co\/#\/schema\/person\/d5fed9215b182cabcef6dc8308177e44"},"headline":"Remove type attribute for Javascript and style in WordPress","datePublished":"2018-01-08T15:21:37+00:00","dateModified":"2025-10-27T12:40:28+00:00","mainEntityOfPage":{"@id":"https:\/\/codeless.co\/remove-type-attribute-from-wordpress\/"},"wordCount":324,"publisher":{"@id":"https:\/\/codeless.co\/#organization"},"articleSection":["WordPress Tutorials"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/codeless.co\/remove-type-attribute-from-wordpress\/","url":"https:\/\/codeless.co\/remove-type-attribute-from-wordpress\/","name":"Remove type attribute for Javascript and style in WordPress - Codeless","isPartOf":{"@id":"https:\/\/codeless.co\/#website"},"datePublished":"2018-01-08T15:21:37+00:00","dateModified":"2025-10-27T12:40:28+00:00","breadcrumb":{"@id":"https:\/\/codeless.co\/remove-type-attribute-from-wordpress\/#breadcrumb"},"inLanguage":"en-US"},{"@type":"BreadcrumbList","@id":"https:\/\/codeless.co\/remove-type-attribute-from-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/codeless.co\/"},{"@type":"ListItem","position":2,"name":"Remove type attribute for Javascript and style in WordPress"}]},{"@type":"WebSite","@id":"https:\/\/codeless.co\/#website","url":"https:\/\/codeless.co\/","name":"Codeless","description":"","publisher":{"@id":"https:\/\/codeless.co\/#organization"},"alternateName":"Codeless Themes","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codeless.co\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/codeless.co\/#organization","name":"Codeless","alternateName":["Codeless Themes","Code-less","Code less","Codeless.co"],"url":"https:\/\/codeless.co\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codeless.co\/#\/schema\/logo\/image\/","url":"https:\/\/codeless.co\/wp-content\/uploads\/2020\/11\/logo-codeless.png","contentUrl":"https:\/\/codeless.co\/wp-content\/uploads\/2020\/11\/logo-codeless.png","width":200,"height":231,"caption":"Codeless"},"image":{"@id":"https:\/\/codeless.co\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Codeless-Solutions-590477977725566\/","https:\/\/twitter.com\/codelessthemes","https:\/\/www.youtube.com\/c\/CodelessThemes","https:\/\/themeforest.net\/user\/code-less","https:\/\/profiles.wordpress.org\/codelessthemes\/","https:\/\/github.com\/codelessteam","https:\/\/elements.envato.com\/user\/code-less"]},{"@type":"Person","@id":"https:\/\/codeless.co\/#\/schema\/person\/d5fed9215b182cabcef6dc8308177e44","name":"Ludjon Roshi","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codeless.co\/#\/schema\/person\/image\/","url":"https:\/\/codeless.co\/wp-content\/uploads\/2021\/06\/ludjon_roshi-author.jpeg","contentUrl":"https:\/\/codeless.co\/wp-content\/uploads\/2021\/06\/ludjon_roshi-author.jpeg","caption":"Ludjon Roshi"},"description":"Ludjon, who co-founded Codeless, possesses a deep passion for technology and the web. With over a decade of experience in constructing websites and developing widely-used WordPress themes, Ludjon has established himself as an accomplished expert in the field.","sameAs":["https:\/\/twitter.com\/ludjon_roshi"],"url":"https:\/\/codeless.co\/author\/admin\/"}]}},"jetpack_featured_media_url":"https:\/\/codeless.co\/wp-content\/uploads\/2018\/01\/js-attr.png","jetpack_publicize_connections":[],"jetpack_shortlink":"https:\/\/wp.me\/pa0kUa-1sK","jetpack_sharing_enabled":true,"jetpack_likes_enabled":false,"jetpack-related-posts":[{"id":7770,"url":"https:\/\/codeless.co\/how-to-remove-breadcrumbs-wordpress\/","url_meta":{"origin":5626,"position":0},"title":"How to Remove Breadcrumbs in WordPress (2026)","date":"September 11, 2019","format":false,"excerpt":"Breadcrumbs are a list of links following a parent-child hierarchy. The first one in the list is often the \"Home\" link, it is followed by each parent page\/category\/post of the current page that is being displayed. Interestingly enough, WordPress by itself does not come with the breadcrumb feature by default,\u2026","rel":"","context":"In "WordPress Tutorials"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/codeless.co\/wp-content\/uploads\/2017\/03\/wordpress-bg-medblue.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":8362,"url":"https:\/\/codeless.co\/add-nofollow-links-in-wordpress\/","url_meta":{"origin":5626,"position":1},"title":"How To Add Nofollow Links in WordPress (for Beginners Guide)","date":"September 20, 2019","format":false,"excerpt":"There are different types of links and we can divide them into 3 categories: internal links, external links and backlinks (links that link to your site). In this article we explain how, without changing the html code, we can handle the attributes rel-\"nofollow\". Managing the links you put in your\u2026","rel":"","context":"In "WordPress Tutorials"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/codeless.co\/wp-content\/uploads\/2019\/09\/codeless-cover-2.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":3986,"url":"https:\/\/codeless.co\/how-to-minify-css-js-in-wordpress\/","url_meta":{"origin":5626,"position":2},"title":"5 Tips On How To Minify CSS and JavaScript Codes On Your Website","date":"March 29, 2017","format":false,"excerpt":"Usually, the CSS\u00a0and JavaScript files are coded in a way to is readable by the majority of people. They are supposed to be simple so even the beginners will have the chance to understand them easier, to find a certain line easier, with the help of extra spaces, comments and\u2026","rel":"","context":"In "WordPress Tutorials"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/codeless.co\/wp-content\/uploads\/2017\/03\/PVsC6-1.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":25105,"url":"https:\/\/codeless.co\/improve-lighthouse-performance\/","url_meta":{"origin":5626,"position":3},"title":"How to Improve Your Website Lighthouse Performance","date":"April 22, 2021","format":false,"excerpt":"What is Google Lighthouse? Lighthouse is an open-source tool, designed by Google for the purpose of checking the performance and user experience delivered by web pages.\u00a0So we have to improve our lighthouse website performance as much as we can. Lighthouse runs automated audit scans that check how the site performs\u2026","rel":"","context":"In "Web Design & Development"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/codeless.co\/wp-content\/uploads\/2021\/04\/PageSpeed3.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":5646,"url":"https:\/\/codeless.co\/styling-current-page-in-wordpress-wp_link_pages\/","url_meta":{"origin":5626,"position":4},"title":"Styling Current Page in WordPress wp_link_pages","date":"January 19, 2018","format":false,"excerpt":"I think that lot of you have found problems with styling the current page link in the WordPress function wp_link_pages. I think that WordPress have to add this functionality by default by adding an attribute that let the developer to add a specific class for the current page. wp_link_pages() make\u2026","rel":"","context":"In "WordPress Tutorials"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/codeless.co\/wp-content\/uploads\/2017\/03\/wordpress-bg-medblue-1-1.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":6913,"url":"https:\/\/codeless.co\/wordpress-themes-with-demo-content\/","url_meta":{"origin":5626,"position":5},"title":"10 Best Free WordPress Themes with Demo Content (2026)","date":"September 8, 2022","format":false,"excerpt":"WordPress themes are running the market for almost every business. You can build outstanding, attractive, and responsive websites in just a few minutes with a WordPress theme. Let's have a look at the best free WordPress themes with demo content. Cherry-pick your favorite one now! Specular # of demo content\u2026","rel":"","context":"In "WordPress Themes"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/codeless.co\/wp-content\/uploads\/2020\/04\/astra2.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]}],"_links":{"self":[{"href":"https:\/\/codeless.co\/wp-json\/wp\/v2\/posts\/5626"}],"collection":[{"href":"https:\/\/codeless.co\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codeless.co\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codeless.co\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codeless.co\/wp-json\/wp\/v2\/comments?post=5626"}],"version-history":[{"count":5,"href":"https:\/\/codeless.co\/wp-json\/wp\/v2\/posts\/5626\/revisions"}],"predecessor-version":[{"id":31671,"href":"https:\/\/codeless.co\/wp-json\/wp\/v2\/posts\/5626\/revisions\/31671"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codeless.co\/wp-json\/wp\/v2\/media\/5628"}],"wp:attachment":[{"href":"https:\/\/codeless.co\/wp-json\/wp\/v2\/media?parent=5626"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codeless.co\/wp-json\/wp\/v2\/categories?post=5626"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codeless.co\/wp-json\/wp\/v2\/tags?post=5626"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}