<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>PSD To HTML:&#187; HTML</title>
	<atom:link href="http://www.xhtml-css-code.com/category/html/feed" rel="self" type="application/rss+xml" />
	<link>http://www.xhtml-css-code.com</link>
	<description>PSD to HTML, XHTML, CSS conversion discussions, reviews, tutorials, slicing/conversion tips and tricks. XHTML-CSS-code provides slicing tips for designers, html coders, new &#38; old to improve their skills.</description>
	<lastBuildDate>Thu, 24 Jun 2010 15:33:08 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>IE6 Browser Compatibility: Is it the time to look beyond?</title>
		<link>http://www.xhtml-css-code.com/html/ie6-browser-compatibility-is-it-the-time-to-look-beyond</link>
		<comments>http://www.xhtml-css-code.com/html/ie6-browser-compatibility-is-it-the-time-to-look-beyond#comments</comments>
		<pubDate>Tue, 08 Jun 2010 01:03:08 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://www.xhtml-css-code.com/?p=645</guid>
		<description><![CDATA[The issue whether to support Internet Explorer 6 (IE6) or not has been under debate for the past few years. IE6 has a number of compatibility issues, no doubt. It’s been a major cause of worry for Web designers.
Microsoft released IE7 in 2006, and the subsequent version, IE8, in March 2009. IE8 offers a number [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright size-full wp-image-647" title="iStock_000003045800XSmall" src="http://www.xhtml-css-code.com/wp-content/uploads/2010/06/iStock_000003045800XSmall1.jpg" alt="iStock_000003045800XSmall" width="400" height="300" />The issue whether to support Internet Explorer 6 (IE6) or not has been under debate for the past few years. IE6 has a number of compatibility issues, no doubt. It’s been a major cause of worry for Web designers.</p>
<p>Microsoft released IE7 in 2006, and the subsequent version, IE8, in March 2009. IE8 offers a number of improvements in RSS, CSS and Ajax-based designs. The latest version offers support for various Web standards. IE8 supports Accessible Rich Internet Applications (ARIA) specification for enhanced accessibility in Ajax-based RIAs. All these factors make IE8 more flexible and easy to work with.</p>
<p>IE6 faces a number of compatibility issues in today’s Web design environment. It does not provide the transparency required in PNG imaging. There are different CSS styles applied for IE6, adding the woes to Web site designers. Also, IE6 does not support some of the latest CSS and HTML features. As a result, the Web site design does not produce the desired impact.</p>
<p>We could use JavaScript fixes for the transparency issues in IE6, as well as a number of fixes available for other issues. The question is: how long? Why not look for a whole new option instead of fixing the old ones? I think, it’s time to rethink our strategy and make a step forward in favor of higher versions.</p>
<p>With the popularity of Firefox, Mozilla and Google Chrome, there are more arguments in favor of upgrading the browser. Several leading developers have stopped supporting IE6. Google’s decision to stop supporting IE6 in 2010 has in a way encouraged developers to look for the new browser. With this announcement from the Internet major, developers are a bit relieved from the difficult task of fixing IE6 bugs in CSS. Popular Word press platforms like Woo Themes have already dropped their support for IE6. Many are likely to follow their footsteps to bring the wonderful results of today’s Web design applications to users’ Web sites. IE6 is also not the option for mobile applications developers like Apple’s Mobile Me.</p>
<p>The only good news for IE6 supporters is that the old browser still remains the favorite choice for several users. This leads to another question: Can IE6 still be the browser option for you? Well, it can be, if your Web site does not demand high levels of interaction with customers. You may wait till most users upgrade their browser. In this case, you will have to find out how much you lose and calculate the loss against the additional development time required to upgrade to IE7 or higher.</p>
<p>Many developers are reluctant to say ‘good bye’ to their favorite browser they have been quite familiar with. They admit there are developmental issues and compatibility concerns, yet they are willing to cope with it by applying fixes.</p>
<p>In light of so many challenges with IE6 and also with growing popularity of later version of IE, IE6 market share is dwindling with time. I would say now is the time that we start looking beyond IE6.</p>
<a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fwww.xhtml-css-code.com%2Fhtml%2Fie6-browser-compatibility-is-it-the-time-to-look-beyond&amp;linkname=IE6%20Browser%20Compatibility%3A%20Is%20it%20the%20time%20to%20look%20beyond%3F">Share/Save</a>]]></content:encoded>
			<wfw:commentRss>http://www.xhtml-css-code.com/html/ie6-browser-compatibility-is-it-the-time-to-look-beyond/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Add the &#039;X&#039; factor to HTML</title>
		<link>http://www.xhtml-css-code.com/html/add-the-x-factor-to-html</link>
		<comments>http://www.xhtml-css-code.com/html/add-the-x-factor-to-html#comments</comments>
		<pubDate>Tue, 03 Nov 2009 14:31:26 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[html to xhtml]]></category>
		<category><![CDATA[PSD to HTML]]></category>
		<category><![CDATA[psd to html conversion]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://www.xhtml-css-code.com/?p=439</guid>
		<description><![CDATA[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 [...]]]></description>
			<content:encoded><![CDATA[<p><img class="size-full wp-image-445 alignright" title="Modern HTML code" src="http://www.xhtml-css-code.com/wp-content/uploads/2009/11/factor.jpg" alt="Modern HTML code" width="383" height="254" />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.</p>
<p>XHTML serves the basic objective of visual consistency across all the browsers and platforms. The <a href="http://www.xhtml-css-code.com/other/html-coder-rewarding-career">coding for XHTML</a> 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.</p>
<ul>
<li><strong>Lowercase must be used for all the tags</strong></li>
</ul>
<p>All &lt;P&gt; tags must be replaced with &lt;p&gt;. For convenience, turn off the caps lock function, match the case and find-replace the tags with the lowercase.</p>
<ul>
<li><strong>All tags must be closed</strong></li>
</ul>
<p>Once the tags are written, they must be closed either in case of paragraphs or any other tag like &lt;p&gt; and following it with &lt;/p&gt;. Any tag without a closing element like &lt;img&gt; or &lt;br&gt; can be closed with as slash “/” before “&gt;” (/&gt;). You even need to close the header tags: &lt;meta name = “keywords content = “keywords, go, here”/&gt;. This habit needs to be inculcated to avoid errors in coding.</p>
<ul>
<li><strong>Tags must be nested properly</strong></li>
</ul>
<p>The tags are closed just in the same manner as they are closed.</p>
<p>WRONG &#8211; &lt;p&gt;&lt;strong&gt;Hi!&lt;/p&gt;&lt;/strong&gt;</p>
<p>CORRECT &#8211; &lt;p&gt;&lt;strong&gt;Hi! &lt;/strong&gt;&lt;/p&gt;</p>
<p>So, don’t do it the wrong way.</p>
<ul>
<li><strong>Double speech marks must be used</strong></li>
</ul>
<p>Double speech marks are important to use inside the tags.</p>
<p>For eg : in an image tag: WRONG – height = 50, CORRECT – height = “50”</p>
<ul>
<li><strong>Alt tags must be added</strong></li>
</ul>
<p>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.</p>
<ul>
<li><strong>Avoid &lt;font&gt; tags</strong></li>
</ul>
<p>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.</p>
<ul>
<li><strong>Character entity codes must be used</strong></li>
</ul>
<p>Using simple codes of character entity helps in upgradation of HTML to XHTML.</p>
<ul>
<li><strong>CSS coding for your sites</strong></li>
</ul>
<p>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.</p>
<p>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.</p>
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fwww.xhtml-css-code.com%2Fhtml%2Fadd-the-x-factor-to-html&amp;linkname=Add%20the%20%26%2339%3BX%26%2339%3B%20factor%20to%20HTML">Share/Save</a>]]></content:encoded>
			<wfw:commentRss>http://www.xhtml-css-code.com/html/add-the-x-factor-to-html/feed</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>Things To Remember, While Coding A Website, To Make It Search Engine Friendly</title>
		<link>http://www.xhtml-css-code.com/html/things-to-remember-while-coding-a-website-to-make-it-search-engine-friendly</link>
		<comments>http://www.xhtml-css-code.com/html/things-to-remember-while-coding-a-website-to-make-it-search-engine-friendly#comments</comments>
		<pubDate>Thu, 30 Jul 2009 07:36:02 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://www.xhtml-css-code.com/?p=390</guid>
		<description><![CDATA[
Over 80% of consumers use search engines to find products and services.
These days, no website owner can afford not to have a search engine friendly website. There are a lot of things which one should do to achieve high ranking like search engine friendly code, Link building, submit website to various directories, Sitemap, Meta tags [...]]]></description>
			<content:encoded><![CDATA[<p><img class="size-full wp-image-391 alignright" title="Search Engine Friendly Web Design" src="http://www.xhtml-css-code.com/wp-content/uploads/2009/07/search_engine_friendly.jpg" alt="PSD To HTML: Things to remember, while coding a website, to make it Search engine friendly" width="370" height="270" /></p>
<p>Over 80% of consumers use search engines to find products and services.<br />
These days, no website owner can afford not to have a search engine friendly website. There are a lot of things which one should do to achieve high ranking like search engine friendly code, Link building, submit website to various directories, Sitemap, Meta tags etc.<br />
Writing quality code is the first step in making website search engine friendly. In this article we are covering the points which should be taken care of while coding the website:<br />
<em><br />
<strong>1. </strong>Use HTML for the content as much as possible. Avoid Flash, images, or other non-text formats. </em><br />
Simple and cleanly coded website always rank higher than the flash based website. The non-text formats must be avoided in order to yield greater website accessibility. Not only the website becomes accessible to larger audience (Visually impaired or cognitive impaired users) but also can be accessed by a range of devices. The search spiders quickly spot the HTML coded and search engine friendly pages. Other advantages of using HTML are: faster loading, Cascading Style Sheet removing access load from server, browser compatibility, easy updating and maintenance.</p>
<p><em><strong>2. </strong> Avoid login functionality to access the page unless it’s required. Search engine cannot index the page that requires login.</em></p>
<p><em><strong>3. </strong> Do not use frames.</em><br />
Using frames are considered to be a blunder by webmasters. Frames generally are not indexed by various search engines. Indexing leads to display of the embedded web addresses in frames, as the users are unable to navigate through the search results. Frames also create problem while printing, refreshing or bookmarking the webpage. Frames are becoming obsolete with the advent of AJAX and DIV layers.</p>
<p><em><strong>4. </strong> Navigation should be in plain html. Avoid using flash.</em><br />
Easy, simple coding in text like HTML facilitates the website to be ranked higher by the search engines.</p>
<p><em><strong>5.</strong> Keep URL as short as possible. .</em><br />
URL or the domain name is the essence of your website. Going by the KISS (Keep It Short and Simple) rule, the URL ought to be short as it would reduce the chances of misspelling and confusion by the visitors.</p>
<p><em><strong>6.</strong> Static URL is always preferred over dynamic URL.</em><br />
The search engines are able to index the static URLs in a comfortable manner than the dynamic URLs. Search engines can not access the dynamic and thus the websites lose on their market positioning.</p>
<p><em><strong>7.</strong> Do not use numbers in URL.</em><br />
Use of numbers in URL must be avoided to circumvent any confusion.</p>
<p><em><strong>8. </strong> If possible, use keywords in URL.</em><br />
Use of keywords communicates the basic crux of the website to the visitor and also invokes interest in the website, forcing the visitor to go through the website.</p>
<p><em><strong>9. </strong> Separate words using Hyphens in URL.</em><br />
Use of hyphens should be made clear in the URL else it may puzzle the visitor. Two words should be separated with the use of a hyphen as the search engine reads it as two words.</p>
<p><em><strong>10. </strong> Always use lowercase in URL. </em><br />
To maintain consistency and avoid any confusion, always use lowercase in URL.</p>
<p><em><strong>11. </strong> Always add alt attribute for images, flash, audio &amp; video file.</em><br />
Alt attribute are a must while using images, flash, audio and video files as they are alternative names of the images and describe the files. The alt attribute basically lend a caption for such files and helps in search engine ranking.</p>
<p><em><strong>12. </strong> Use Anchor text in links</em><br />
The anchor text links are powerful tools for site optimization. Anchor text links provide a theme for the entire website.</p>
<p><em><strong>13. </strong> Limit the length of title tag to 65 characters (including spaces) or less.</em><br />
Different search engines accept different standards. Hence, to be on the safer side, it is important to limit the length of the title tag between 50-65 characters.</p>
<p><em><strong>14. </strong> Incorporate keyword phrases in title tags.</em><br />
Including 2-3 important keyword phrases of the website in the title tag facilitates good rankings by the search engines. However, the title tags must not be over burdened with keyword phrases as the chances are that the website would be blacklisted as spam. Each page with its own keyword phrase lends higher readership.</p>
<p><em><strong>15. </strong> Add Meta tags in the code. </em><br />
Search engines use meta-tags to identify the objective of the website; therefore, meta-tags help in optimizing the website. The search crawlers determine the relevance of the meta-tags with respect to the content of the webpage.</p>
<p><em><strong>16. </strong> Add Header Tags i.e, h1, h2, h3 etc.</em><br />
Header tags as the name itself suggest are used to incorporate the headings in the text. The h1 header can be used to determine the main keyword and the h2 header tag can identify the next relevant keyword and so on.</p>
<p><em><strong>17. </strong> Offload JavaScript and other non-text code (style sheets, etc.) to external files </em></p>
<p><em><strong>18. </strong> Optimize images for fast loading</em><br />
Larger images must be broken into smaller size images which enable uploading smaller images simultaneously and faster. Cropping unnecessary portions and reducing the image depth also help in loading the image faster.</p>
<p><em><strong>19. </strong> Try to keep page size as low as possible</em><br />
Lower the page size, lesser time will it take to load and thus would not distract the visitor from the website. Sometimes pages with larger size take ages to load and divert the potential user or client.</p>
<p><em><strong>20. </strong> Validate your markup &amp; CSS against w3c standards</em><br />
Validating markup helps to identify the flaws or wrong coding on the webpage. The W3C standards are laid down to determine the errors and make the code neat &amp; tidy.</p>
<a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fwww.xhtml-css-code.com%2Fhtml%2Fthings-to-remember-while-coding-a-website-to-make-it-search-engine-friendly&amp;linkname=Things%20To%20Remember%2C%20While%20Coding%20A%20Website%2C%20To%20Make%20It%20Search%20Engine%20Friendly">Share/Save</a>]]></content:encoded>
			<wfw:commentRss>http://www.xhtml-css-code.com/html/things-to-remember-while-coding-a-website-to-make-it-search-engine-friendly/feed</wfw:commentRss>
		<slash:comments>21</slash:comments>
		</item>
	</channel>
</rss>
