Search Engine Optimization

<div style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;">
You design and develop a website but how would you know if you have put all the HTML syntax in a correct way. Most browsers do not complain against your wrong syntax, but<i style="box-sizing: border-box;">wrong is wrong</i>.</div>
<div style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;">
There are many SEO experts who claim that SEO is not dependent on site HTML/XHTML verification. But we will discuss various reasons why your site should be W3C Compliance.</div>
<h2 style="box-sizing: border-box; color: #121214; font-family: 'Open Sans', Arial, sans-serif; font-size: 1.7em; font-weight: normal; left: 0px; letter-spacing: -1px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-shadow: rgb(204, 204, 204) 1px 1px 2px;">
Why HTML/XHTML Verification is Required?</h2>
<div style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;">
There are various reasons to verify your website before hosting it over the internet.</div>
<ul class="list" style="box-sizing: border-box; color: #313131; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; line-height: 22px;">
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.tutorialspoint.com/images/icon-bullet.png); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat; background-size: initial; box-sizing: border-box; color: black; line-height: 24px; list-style: none; margin-bottom: 5px; padding: 0px 0px 0px 19px;"><div style="box-sizing: border-box; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;">
Any webpage quality depends on how well you have written your webpage.It should be syntactically correct and should pass all the Quality Gates.</div>
</li>
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.tutorialspoint.com/images/icon-bullet.png); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat; background-size: initial; box-sizing: border-box; color: black; line-height: 24px; list-style: none; margin-bottom: 5px; padding: 0px 0px 0px 19px;"><div style="box-sizing: border-box; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;">
When any search engine does indexing for your web page content, it might get confused if the HTML tags are not written properly, and much of the web page content might not be indexed properly.</div>
</li>
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.tutorialspoint.com/images/icon-bullet.png); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat; background-size: initial; box-sizing: border-box; color: black; line-height: 24px; list-style: none; margin-bottom: 5px; padding: 0px 0px 0px 19px;"><div style="box-sizing: border-box; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;">
There might be many HTML tags, which you are using in your webpage but then have been depreciated and many of the search engines do not support them.</div>
</li>
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.tutorialspoint.com/images/icon-bullet.png); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat; background-size: initial; box-sizing: border-box; color: black; line-height: 24px; list-style: none; margin-bottom: 5px; padding: 0px 0px 0px 19px;"><div style="box-sizing: border-box; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;">
Consistency, HTML Code Beauty, Process Compliance are always appreciated by good webmasters.</div>
</li>
</ul>
<h2 style="box-sizing: border-box; color: #121214; font-family: 'Open Sans', Arial, sans-serif; font-size: 1.7em; font-weight: normal; left: 0px; letter-spacing: -1px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-shadow: rgb(204, 204, 204) 1px 1px 2px;">
What is W3C Compliance?</h2>
<div style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;">
W3C is the World Wide Web Consortium and since 1994, the W3C has provided the guidelines by which, websites and webpages should be structured and created. Here are the links to validate your web pages:</div>
<ul class="list" style="box-sizing: border-box; color: #313131; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; line-height: 22px;">
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.tutorialspoint.com/images/icon-bullet.png); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat; background-size: initial; box-sizing: border-box; color: black; line-height: 24px; list-style: none; margin-bottom: 5px; padding: 0px 0px 0px 19px;"><div style="box-sizing: border-box; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;">
Validate HTML/XHTML File against W3C Standard <a href="http://validator.w3.org/" rel="nofollow" style="box-sizing: border-box; color: rgb(252, 161, 3) !important; outline: none !important; text-decoration: none;" target="_blank">HTML/XHTML Validator.</a></div>
</li>
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.tutorialspoint.com/images/icon-bullet.png); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat; background-size: initial; box-sizing: border-box; color: black; line-height: 24px; list-style: none; margin-bottom: 5px; padding: 0px 0px 0px 19px;"><div style="box-sizing: border-box; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;">
Validate CSS File against W3C Standard <a href="http://jigsaw.w3.org/css-validator/" rel="nofollow" style="box-sizing: border-box; color: rgb(252, 161, 3) !important; outline: none !important; text-decoration: none;" target="_blank">CSS Validator.</a></div>
</li>
</ul>
<div style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;">
While verification, you may get errors along with appropriate reasons. All the validations will be done using XHTML DTD, which is a refined version of HTML.</div>
<h2 style="box-sizing: border-box; color: #121214; font-family: 'Open Sans', Arial, sans-serif; font-size: 1.7em; font-weight: normal; left: 0px; letter-spacing: -1px; line-height: 1.5em; margin: 0.2em 0.2em 0.2em 0px; padding: 0px; position: relative; text-shadow: rgb(204, 204, 204) 1px 1px 2px;">
Rules for W3C Compliance</h2>
<div style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; line-height: 24px; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;">
There following rules, are to be following while developing a webpage.</div>
<ul class="list" style="box-sizing: border-box; color: #313131; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; line-height: 22px;">
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.tutorialspoint.com/images/icon-bullet.png); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat; background-size: initial; box-sizing: border-box; color: black; line-height: 24px; list-style: none; margin-bottom: 5px; padding: 0px 0px 0px 19px;"><div style="box-sizing: border-box; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;">
Use XHTML declaration statements to start every XHTML page:</div>
<pre class="prettyprint notranslate" style="background-color: #eeeeee; border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 12px; line-height: 16px; margin-bottom: 10px; overflow: auto; padding: 5px; width: 545px;"><!DOCTYPE html PUBLIC 
"-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
</pre>
</li>
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.tutorialspoint.com/images/icon-bullet.png); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat; background-size: initial; box-sizing: border-box; color: black; line-height: 24px; list-style: none; margin-bottom: 5px; padding: 0px 0px 0px 19px;"><div style="box-sizing: border-box; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;">
Every tag must be closed.</div>
</li>
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.tutorialspoint.com/images/icon-bullet.png); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat; background-size: initial; box-sizing: border-box; color: black; line-height: 24px; list-style: none; margin-bottom: 5px; padding: 0px 0px 0px 19px;"><div style="box-sizing: border-box; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;">
The head and body tags are now mandatory.</div>
</li>
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.tutorialspoint.com/images/icon-bullet.png); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat; background-size: initial; box-sizing: border-box; color: black; line-height: 24px; list-style: none; margin-bottom: 5px; padding: 0px 0px 0px 19px;"><div style="box-sizing: border-box; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;">
Empty tags get a terminating slash. An empty tag is a tag that doesn't require an end tag. Examples include <br> and <hr>.</div>
<pre class="prettyprint notranslate" style="background-color: #eeeeee; border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 12px; line-height: 16px; margin-bottom: 10px; overflow: auto; padding: 5px; width: 545px;"><BR> is now <br />.
<HR> is now <hr />.
<IMG SRC="--"> is now <img src="--" />
</pre>
</li>
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.tutorialspoint.com/images/icon-bullet.png); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat; background-size: initial; box-sizing: border-box; color: black; line-height: 24px; list-style: none; margin-bottom: 5px; padding: 0px 0px 0px 19px;"><div style="box-sizing: border-box; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;">
All tags must be lower-case. This does not apply to attributes, only tags. For example, both of these formats are acceptable under the XHTML DTD:</div>
<pre class="prettyprint notranslate" style="background-color: #eeeeee; border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 12px; line-height: 16px; margin-bottom: 10px; overflow: auto; padding: 5px; width: 545px;"><FONT color="#ffffcc"> is invalid
<font color="#ffffcc"> is valid
<font color="#FFFFCC"> is also valid
</pre>
</li>
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.tutorialspoint.com/images/icon-bullet.png); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat; background-size: initial; box-sizing: border-box; color: black; line-height: 24px; list-style: none; margin-bottom: 5px; padding: 0px 0px 0px 19px;"><div style="box-sizing: border-box; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;">
All the attribute values should be put with in double quotes.</div>
</li>
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.tutorialspoint.com/images/icon-bullet.png); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat; background-size: initial; box-sizing: border-box; color: black; line-height: 24px; list-style: none; margin-bottom: 5px; padding: 0px 0px 0px 19px;"><div style="box-sizing: border-box; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;">
Tags may not be nested.</div>
<pre class="prettyprint notranslate" style="background-color: #eeeeee; border-radius: 0px; border: 1px solid rgb(214, 214, 214); box-sizing: border-box; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 12px; line-height: 16px; margin-bottom: 10px; overflow: auto; padding: 5px; width: 545px;"><b><i>Text</b></i> This is invalid
<b><i>Text</i></b> This is valid
</pre>
</li>
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.tutorialspoint.com/images/icon-bullet.png); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat; background-size: initial; box-sizing: border-box; color: black; line-height: 24px; list-style: none; margin-bottom: 5px; padding: 0px 0px 0px 19px;"><div style="box-sizing: border-box; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;">
The <pre> tag should not contain: img, object, big, small, sub, or sup.</div>
</li>
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.tutorialspoint.com/images/icon-bullet.png); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat; background-size: initial; box-sizing: border-box; color: black; line-height: 24px; list-style: none; margin-bottom: 5px; padding: 0px 0px 0px 19px;"><div style="box-sizing: border-box; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;">
One <form> tag cannot be inside another <form> tag.</div>
</li>
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.tutorialspoint.com/images/icon-bullet.png); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat; background-size: initial; box-sizing: border-box; color: black; line-height: 24px; list-style: none; margin-bottom: 5px; padding: 0px 0px 0px 19px;"><div style="box-sizing: border-box; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;">
If your code contains a &, it must be written as <b style="box-sizing: border-box;">&amp;</b>.</div>
</li>
<li style="background-attachment: initial; background-clip: initial; background-image: url(http://www.tutorialspoint.com/images/icon-bullet.png); background-origin: initial; background-position: 0px 4px; background-repeat: no-repeat; background-size: initial; box-sizing: border-box; color: black; line-height: 24px; list-style: none; margin-bottom: 5px; padding: 0px 0px 0px 19px;"><div style="box-sizing: border-box; margin: 0em 0.2em 1em; padding: 0px; text-align: justify; word-wrap: break-word;">
Any use of CSS should use all lower-case letter.</div>
</li>
</ul>
<hr style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-color: rgb(214, 214, 214) !important; border-top-style: solid !important; box-sizing: content-box; clear: both; color: #313131; font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; height: 0px; line-height: 22px; margin: 7px 0px;" />

Verifying Web Site

You design and develop a website but how would you know if you have put all the HTML syntax in a correct way. Most browsers do not complain...