PSD To HTML: Add the 'X' factor to HTML

Add the 'X' factor to HTML

Written by admin on November 3, 2009

Modern HTML code XHTML developed by the World Wide Web Consortium (W3C) and a consensus was invited on the introduction of XML as a new version of HTML. Thus, XHTML (Extensible HyperText Mark-up language) became the new mantra for the webmasters and the techies. HTML gradually lost its grounding with an impactful arrival of XHTML. HTML has suddenly become a thought of the past as it tends to make your site inferior when we talk about the universe of the web. As HTML was not web compliant, this hybrid followed the global standards.

XHTML serves the basic objective of visual consistency across all the browsers and platforms. The coding for XHTML is done in a unique fashion so that the search engines optimize the websites. Some people who use HTML for their websites but want to update their codes to XHTML can follow these tips.

Lowercase must be used for all the tags

All tags must be replaced with . For convenience, turn off the caps lock function, match the case and find-replace the tags with the lowercase.

All tags must be closed

Once the tags are written, they must be closed either in case of paragraphs or any other tag like and following it with . Any tag without a closing element like <img> or can be closed with as slash “/” before “>” (/>). You even need to close the header tags: <meta name = “keywords content = “keywords, go, here”/>. This habit needs to be inculcated to avoid errors in coding.

Tags must be nested properly

The tags are closed just in the same manner as they are closed.

WRONG – Hi!

CORRECT – Hi!

So, don’t do it the wrong way.

Double speech marks must be used

Double speech marks are important to use inside the tags.

For eg : in an image tag: WRONG – height = 50, CORRECT – height = “50”

Alt tags must be added

Alt tag is an important feature while using the image as it provides consistency in the images. The alt tags provide a description to the pictures which forms the visual structure. If you have spacer images, use alt = “” rather than using alt = “spacer”. Avoid the use of word space in the speech marks.

Avoid tags

Use the basic CSS layout functions for font tags. To style and size your text, using paragraph or span tag is undoubtedly a better proposition.

Character entity codes must be used

Using simple codes of character entity helps in upgradation of HTML to XHTML.

CSS coding for your sites

CSS coding makes the size of the website shrink and the control over the site increases exceptionally. This certainly helps to optimise the site for major search engines.

Following these steps would give a full control over your newly coded XHTML website. You can join the competition in the rest of the web world and feel superior.