How to Put HTML and CSS Validate Buttons on Your Page

To make it easy to use the W3C validators, paste the following HTML code into your page's code. Then you will have buttons (or text links) that, when clicked on, will tell you whether or not the page's code is valid.

These buttons also let users know that your page is following the proper HTML and CSS standards, and provides them with a link to the W3C's validators to confirm this.

You can use code that places either buttons or text links onto your page. Place this code within the <body> section, probably just before the </body> tag.

Here is the code for buttons (image links):

<p>
<!-- validator code using image links -->
<a href="http://validator.w3.org/check/referer"><img border="0"
src="http://www.w3.org/Icons/valid-html401"
alt="Valid HTML 4.01!" height="31" width="88"></a>
&nbsp;&nbsp;
<a href="http://jigsaw.w3.org/css-validator/check/referer">
<img border="0" width="88" height="31"
src="http://jigsaw.w3.org/css-validator/images/vcss"
alt="Valid CSS!"></a>
<!-- end validator code using image links -->
</p>

The buttons will look like this on your page:

Valid HTML 4.01!  Valid CSS!

Here is the code for text links:

<p>
<!-- validator code using text links -->
<a href="http://validator.w3.org/check/referer">Valid HTML</a>
&nbsp;&nbsp;
<a href="http://jigsaw.w3.org/css-validator/check/referer">
Valid CSS</a>
<!-- end validator code using text links -->
</p>

The text links will look like this on your page:

Valid HTML  Valid CSS