"w3.org Tools: Validator, Spell Check and Link Checker"
Bootstrap 3.1.0 Snippet by mrmccormack

<!-- Submitted Feb 27, 2014 8:19pm to be featured snipp --> <div class="container"> <div class="row"> <div class="panel panel-primary"> <div class="panel-heading"> <h2 class="panel-title">w3.org Tools: Validator, Spell Check and Link Checker </h2> </div> <div class="panel-body"> <blockquote> <img src="http://www.w3.org/html/logo/downloads/HTML5_Logo_64.png" alt=""> <img src="http://www.w3.org/Icons/w3c_home.png" alt=""> <br> <h2>w3.org tools</h2> Icons/logos/links for your website <p> <p class="bg-info"> Note: this is not necessarily Bootstrap related but HTML/w3.org in general. </p> <br> <span class="label label-danger">Tip</span><br> Since <a href="http://bootsnipp.com">bootsnipp.com</a> uses frames, you have to<br> open a new window in order for this to work - <a href="http://bootsnipp.com/iframe/82BW" target="_blank">view in new window <sup><span class="glyphicon glyphicon-new-window"></span></sup></a> <br> <strong>Reason:</strong><br> The w3.org validator links are coded to the referring URL. (you could hard code your URL if you wish) <code> http://validator.w3.org/check?uri=referer; </code> </p> </blockquote> <hr> <h3>Tool #1: w3.org HTML validator</h3> <!-- ss=1 is optional, it shows the source in validator page--> <p> <a href="http://validator.w3.org/check?uri=referer;ss=1"><small> HTML</small><sup>5</sup></a> </p> <p> <a href="http://validator.w3.org/check?uri=referer;ss=1"><span class="glyphicon glyphicon-check" style="color: #339900;"></span><small> HTML</small><sup>5</sup></a> </p> <p> <a href="http://validator.w3.org/check?uri=referer;ss=1"><img src="http://www.google.com/s2/favicons?domain=h5bp.net" alt=""></a> </p> <p> <a href="http://validator.w3.org/check?uri=referer;ss=1"><img src="http://www.w3.org/html/logo/badge/html5-badge-h-semantics.png" width="67" height="32" alt=""></a> </p> <hr> <h3>Tool #2: w3.org Spell Checker</h3> <p>Why not consider adding a link to you pages to quickly check for those dreaded spelling errrers? :) <br> You can change language to Spanish, German etc. - see the code for instructions. </p> <p> <!-- 1. you must code in the uri= , there is no referer with this service 2. you can use languages other than English, just change lang=en_US --> <a href="http://www.w3.org/2002/01/spellchecker?uri=http://bootsnipp.com/iframe/82BW&&lang=en_US&suggest=on" title="check all links"><span class="glyphicon glyphicon-font" style="color: #f00;"></span></a> </p> <hr> <h3>Tool #3: w3.org Link Checker</h3> <p>Check your entire site for embarassing broken links.</p> <p> <!--you must code in the uri= , there is no referer with this service --> <a href="http://validator.w3.org/checklink?uri=http://bootsnipp.com/iframe/82BW" title="check all links"><span class="glyphicon glyphicon-link" style="color: #00f;"></span></a> </p> <hr> <p>Note: The spell checker and broken link checker could be used while developing a site, or left on a site as small links which no one would click on.</p> <br> <h5>Samples for this page:</h5> <p> <i>"The qick brownn foxx jumps over the lazy dogg" is an English-language phrase that contains all of the letters of the English alphabet. It has been used to test typewriters and computer keyboards, and in other applications involving all of the letters in the English alphabet. Owing to its brevity and coherence, it has become widely known.</i> </p> <p> <br> <a href="http://cnnzzz.com">Sample broken for testing with link checker (cnnzzz.com)</a> </p> </div> <!-- /.panel-body --> </div> <!-- /.panel --> </div><!-- /.row --> </div><!-- /.container -->
body{ background-color:#333; } .panel-body{ padding: 15px; margin-left: 50px; margin-right: 25px; margin-top: 25px; } .container{ margin-top:60px; }

Similar snippets: See More


comments powered by Disqus