{"id":496,"date":"2010-05-25T17:06:08","date_gmt":"2010-05-26T00:06:08","guid":{"rendered":"http:\/\/www.bryanhadaway.com\/?p=496"},"modified":"2025-05-22T15:31:47","modified_gmt":"2025-05-22T22:31:47","slug":"how-to-link-to-the-w3c-css3-validation-page","status":"publish","type":"post","link":"https:\/\/webguy.io\/blog\/how-to-link-to-the-w3c-css3-validation-page\/","title":{"rendered":"How to Link to the W3C CSS3 Validation Page"},"content":{"rendered":"<h2>Automatic Method:<\/h2>\n<p>You should now simply use: <em>https:\/\/jigsaw.w3.org\/css-validator\/check\/referer?profile=css3<\/em>.<\/p>\n<h2>Manual Method:<\/h2>\n<p>Typically, if we want to link dynamically to the W3C Valid CSS page, we use this link:<\/p>\n<p><em>https:\/\/jigsaw.w3.org\/css-validator\/check\/referer<\/em><\/p>\n<p>That&#8217;s perfect if you&#8217;re using <em>all<\/em> CSS2.1, as that&#8217;s the default checker, but if you implement even one CSS3 style, you&#8217;ll fail validation. So, we can no longer use the referrer method until CSS3 becomes highly supported to the mainstream. <\/p>\n<p>As a compromise, instead of linking our pages to the referrer link, we&#8217;ll have to link our stylesheet to the CSS3 Validator like so:<\/p>\n<pre><code>&lt;a href=&quot;http:\/\/jigsaw.w3.org\/css-validator\/validator?uri=http:\/\/website.com\/css\/style.css&amp;profile=css3&quot;&gt;Valid CSS&lt;\/a&gt;<\/code><\/pre>\n<p>(remember to use <strong>&amp;amp;<\/strong> in place of <strong>&#038;<\/strong> so you don&#8217;t break HTML validation)<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Automatic Method: You should now simply use: https:\/\/jigsaw.w3.org\/css-validator\/check\/referer?profile=css3. Manual Method: Typically, if we want to link dynamically to the W3C Valid CSS page, we use this link: https:\/\/jigsaw.w3.org\/css-validator\/check\/referer That&#8217;s perfect if you&#8217;re using all CSS2.1, as that&#8217;s the default checker, but if you implement even one CSS3 style, you&#8217;ll fail validation. So, we can no <a href=\"https:\/\/webguy.io\/blog\/how-to-link-to-the-w3c-css3-validation-page\/\" class=\"more-link\">&#8230;<span class=\"screen-reader-text\">  How to Link to the W3C CSS3 Validation Page<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[39,17,5],"tags":[239,254,278,218],"class_list":["post-496","post","type-post","status-publish","format-standard","hentry","category-code","category-how-to","category-web-design","tag-code","tag-css","tag-css3","tag-how-to"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/posts\/496","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/comments?post=496"}],"version-history":[{"count":0,"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/posts\/496\/revisions"}],"wp:attachment":[{"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/media?parent=496"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/categories?post=496"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/tags?post=496"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}