The World Wide Web Consortium (W3C) develops interoperable technologies (specifications, guidelines, software, and tools) to lead the Web to its full potential. W3C is a forum for information, commerce, communication, and collective understanding. On this page, you'll find how to incorporate W3C Website guidelines in your website. I feel that we all should design our webpages in accordance with the Guidelines laid out by the governing body.
The following are some of the common errors which form a part of W3C XHTML Validations. You all can take a look at the same, and try to adapt it to your websites as well.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
The above declaration is a compulsory factor. Though, the Delclaration may vary according to your settings, it is always advised to follow the latest Declarations. It comes above the <html>
<html>
Obviously, the above declaration is a compulsory factor.
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
The above declaration helps the browser to understand the character set your webpage is using. It comes below the <html>. The character set can be changed according to the characters you are using in your webpage, most commonly used is iso-8859-1
Its also important to have all the elements in lower case. You should code <html> instead of <HTML>
<script language="javascript" type="text/JavaScript"></script>
You will have to avoid using the language attribute. Use of type="text/JavaScript" is must
border="0"
Usage of border="0" is not allowed. instead use the style elements: style="border-width:0px;" etc.
topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" marginheight="0"
Instead use the alternative style elements: style="marginleft:0px; marginright:0px;" etc.
Target="_blank" Target="_top" Target="_parent" Target="_self"
You will have to avoid using the target element. We can use JavaScript Window.Open property.
" " (double quotes)
The double quotes are important for specifying values/ i.e. values have to be like [id="company"] [ alt="companyname-caption" ]
start tags for text and subtags
Text, or sub-tags (like input, select, img, a href etc.) should be in <div>*[text to be put inside <P>]<p> or <ul> <ol> <h1> etc.
Images
alt is necessary for images. border not applicable. read [border="0"] for more information
End tags
End tags for all start tags are compulsory. it is also important that you have to end the tag at proper location. use <br />, <img src="somefile" alt="something" style="border-width:0px; />"
<form name="frmsize" action="something" method="get">
A form tag has to contain the action="someaction"
<div id="name" name="name" class="name_id">
Avoid using name=" name " attribute
& in URI'S
If you have to use & in any url (uri) please make special effort to make it &
<U>
You have to remove it and avoid using it. Use style="text-decoration:underline;"
<select class="text" id="selLanguage" onchange=jumpbox(); name="select_lang">
When you write the JavaScript element onchange=jumpbox(); , make sure you put "jumpbox();" in double quotes, avoid the name attribute
<select class="text" id="selLanguage">
The id should be declared compulsorily)
<input type="hidden" name="Language" />
/ necessary where ever an end tag in not specified.
Close of Head tag, scripts and styles
The close head tag has to be proper and the style tag to be included in head tag along with script tags.
Valign
Valign used in image tags, td/tr/table should be avoided. Instead use, "style:vertical-align:top;"
Option Element
This element is used under the Select Tag. Well, here the only catch is <option></option> simply does not work for validation. If you want to have a blank one, then please put
Currently I am busy with working on the projects at my work. However, a redisigning for the Kharghar website is planned. Watch this space.
