HTML Validation Tutorial with Stone River eLearning

HTML validation is a program to ensure that the quality of the HTML document meets the standards set by the World Wide Web Consortium (W3C). The HTML validation process performs syntax checks on the document and ensures that the document runs smoothly and uniformly across all web browsers and different platforms. The HTML document validation is done through w3c markup validation service on the validator.w3.org website.

The steps to complete the validation of a HTML document are;

  1. Create the HTML document and save it.
  2. Open the validator.w3.org website on your browser.
  3.  You will find three options at the top of the page, 1. Validation by URI, 2. Validation by File Upload, 3. Validation by Direct Input
  4. You can either directly upload the saved document file on the validator or you can copy paste the content inside the file.
  5. Once you click the check option, the validator will perform a quality check on the content and give a report accordingly.
  6.  You can check the report and make changes to your file, if required.

What is the use of an HTML validation?
The HTML validation ensures that your content does not face any problems when it is displayed as a web page. Performing a validation also ensures that the document does not have any issues with uniformity from one browser to another. However, these are not the only benefits of using a HTML validation service and below are some more advantages of w3c validation of HTML documents.

  1. An HTML validation is a useful tool for users receiving data from a number of sources, electronically.
  2. Errors such as extra spaces, open tags, etc can cause major difference in the final output.
  3. Manual Validation is a time consuming and tedious work and it becomes all the more difficult when CSS validations and javascript validations are also included in the document.

Eg:
A HTML document that shows warnings during validation

<!DOCTYPE html>

<html>

<head>
<title> Validation </title>
</head>

<body>
This is a simple HTML document that needs validation
</body>

</html>

Now the same document post validation and corrections

<!DOCTYPE html>

<html>

<head>
<meta charset= “UTF-8”>

<title> Validation </title>
</head>

<body>
This is a simple HTML document that needs validation
</body>

</html>

Download the source code here: http://bit.ly/1NMWUK9

GET YOUR FREE HTML EBOOK!

(Visited 79 times, 1 visits today)