Use the unicorn tool to verify and build standard web pages

 

The smart identification and Error Correction capabilities of browsers have resulted in a large number of nonstandard Web pages flooding into various websites. This kind of browser-loving fault tolerance method has also spoiled a large number of Web designers. However, with the upgrade of the browser version and the popularity of multiple browsers such as Firefox and Chrome, a large number of nonstandard Web pages developed based on old browsers (especially IE6) cannot be correctly displayed, this brings about a lot of maintenance work. Therefore, non-standard Web pages are a nightmare for maintainers and viewers.

 

Recently, W3C released a WEB verification tool: Unicorn, which can easily check whether our Web pages meet the standards and help us develop standardized Web pages, this reduces the cost of development and maintenance.

 

Unicorn verification includes Page Markup, CSS style, MobileOK check, and Feed verification.

Unicorn provides three verification methods: submitting URLs, uploading files, and directly inputting code.

As a result, Unicorn is an all-in-one Web compliance check tool that can be directly applied to project verification tests.

Display the tool interface:

 

Let's test it with this blog address. Enter http://www.cnblogs.com/dangjian, click the checkbutton, and the page will return to the result quickly.

The check content includes HTML, CSS, and RSS, as shown below:

 

We can see that the returned information list is divided into three categories: info, error, and warning. each piece of information has corresponding nonstandard code and causes, which is very convenient for us to quickly find and modify.

 

In addition, this tool is also a good tool to help us learn the standard code. You can use it to check the Famous Sites and see how these websites are doing.

There are few sites that have passed the inspection. It seems that there is still a long way to standardize WEB pages.

 

The tool also provides an incentive for standardization of web pages. If all of our sites have passed this test, we can place an inspection mark in a conspicuous position on our website, the tool provides three types of icons.

The HTML code is similar to the following:

<div>
<a href="http://validator.w3.org/check?uri=www.dang-jian.com">

</a><a href="http://jigsaw.w3.org/css-validator/validator?uri=www.dang-jian.com">

</a><a href="http://feed.w3.org/check.cgi?url=http%3A//www.dang-jian.com/rss.aspx">
title="Validate my Atom 1.0 feed" />
</a>
</div>

Display:

 

In addition, this tool is an open-source tool that can be downloaded for further research. The development language is Java. Code: http://code.w3.org/unicorn/wiki/Documentation/Install

 

Unicorn is only an auxiliary tool for verification. The standardization of web pages should attract the attention of our web page designers and programmers, and a kind of consciousness should be formed in project development, our vast number of programmers can not only write standard and concise background C # and Java code, but also design standard front-end web pages. We hope that we can develop standardized web pages to end the current chaotic web page design.

 

Source: http://www.cnblogs.com/dangjian/archive/2010/08/04/1792595.html