<html><!-- #BeginTemplate "/Templates/coolblue-inside.dwt" -->
<head>
<!-- #BeginEditable "doctitle" --> 
<title>XHTML - Kicking And Screaming Into The Future</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<META NAME="title" content="XHTML - Kicking And Screaming Into The Future">
<META NAME="description" content="XHTML - Kicking And Screaming Into The Future">
<META NAME="keywords" content="xhtml, free web templates, web template, site layouts, page layouts, page sets, graphic sets, web design, linkware, money, financial, floral, computer, hi tech, technology, skyline, building, patriotic, american, flag, automotive, christmas, baby, restaurant, halloween, sports, business">
<META NAME="rating" content="general">
<META NAME="distribution" CONTENT="global">
<META NAME="resource-type" CONTENT="document">
<META NAME="last-modified" CONTENT="2006/12/08">
<META NAME="robots" content="index,follow">
<META NAME="revisit-after" content="10_days">
<!-- #EndEditable --> 
<LINK REL=stylesheet HREF="http://www.webmajestic.com/mystyle.css" TYPE="text/css">
</head>
<body bgcolor="#79849A" topmargin="0">
<!-- Kontera ContentLink(TM);--> 
<script type='text/javascript'>
var dc_AdLinkColor = 'green' ;
var dc_UnitID = 14 ;
var dc_PublisherID = 11118;
var dc_adprod = 'ADL' ;
</script>
<script type='text/javascript' 
src='http://kona.kontera.com/javascript/lib/KonaLibInline.js'>
</script>
<!-- Kontera ContentLink(TM) --> 
<table border="0" cellpadding="0" cellspacing="0" width="750" align="center">
  <tr> <!-- Shim row, height 1. --> 
    <td><img src="../images/shim.gif" width="750" height="1" border="0"></td>
    <td><img src="../images/shim.gif" width="1" height="1" border="0"></td>
  </tr>
  <tr valign="top"> 
    <td bgcolor="#FFFFFF"> 
      <table width="100%" border="0" cellspacing="0" cellpadding="10">
        <tr> 
          <td width="76%" valign="top"> 
            <div align="center"> 
              <table border="0" cellpadding="0" cellspacing="0" width="750">
                <!-- fwtable fwsrc="home2.png" fwbase="index.gif" --> 
                <tr> <!-- Shim row, height 1. --> 
                  <td><img src="../images/shim.gif" width="217" height="1" border="0"></td>
                  <td><img src="../images/shim.gif" width="533" height="1" border="0"></td>
                  <td><img src="../images/shim.gif" width="1" height="1" border="0"></td>
                </tr>
                <tr valign="top"><!-- row 1 --> 
                  <td rowspan="2"><img name="index_r1_c1" src="../images/index_r1_c1.gif" width="217" height="263" border="0" usemap="#hoover_index_r1_c1MapMap"><map name="hoover_index_r1_c1MapMap"><area shape="rect" coords="8,9,198,245" href="../index.html" alt="Home" title="Home"></map></td>
                  <td><img name="index_r1_c2" src="../images/index_r1_c2.gif" width="533" height="230" border="0" usemap="#hoover_index_r1_c1Map"><map name="hoover_index_r1_c1Map"><area shape="rect" coords="447,176,531,213" href="http://www.webmajestic.com/contact.html" alt="Contact Webmajestic" title="Contact Webmajestic"><area shape="rect" coords="349,175,444,213" href="http://www.webmajestic.com/resources.html" alt="Resources" title="Resources"><area shape="rect" coords="3,175,79,214" href="http://www.webmajestic.com/web_lessons.html" alt="Web Design Lessons" title="Web Design Lessons"><area shape="rect" coords="83,176,169,214" href="http://www.webmajestic.com/templates" alt="Web Design Templates" title="Web Design Templates"><area shape="rect" coords="170,177,262,213" href="http://www.webmajestic.com/articles" alt="Web Design Articles" title="Web Design Articles"><area shape="rect" coords="263,177,349,212" href="http://www.webmajestic.com/graphics" alt="Free Web Graphics" title="Free Web Graphics"><area shape="rect" coords="4,4,527,165" href="../index.html" alt="Home" title="Home"></map></td>
                  <td><img src="../images/shim.gif" width="1" height="230" border="0"></td>
                </tr>
                <tr valign="top"><!-- row 2 --> 
                  <td background="../images/index_r2_c2.gif" valign="middle">
                    <div align="right"><!-- Google CSE Search Box Begins --> 
                      <form id="searchbox_001927420258398297637:nplqsaxspt4" action="http://www.webmajestic.com/results.html">
                        <input type="hidden" name="cx" value="001927420258398297637:nplqsaxspt4" />
                        <input name="q" type="text" size="30" value=" " />
                        <input style="background:CCCCCC; border-width:1px" type="submit" name="sa" value="Search" />
                        <input type="hidden" name="cof" value="FORID:11" />
                      </form>
                      <script type="text/javascript" src="http://google.com/coop/cse/brand?form=searchbox_001927420258398297637%3Anplqsaxspt4"></script>
                      <!-- Google CSE Search Box Ends --></div>
                  </td>
                  <td><img src="../images/shim.gif" width="1" height="33" border="0"></td>
                </tr>
              </table>
              
              <script type="text/javascript"><!--
google_ad_client = "pub-3142337522589164";
google_ad_width = 728;
google_ad_height = 90;
google_ad_format = "728x90_as";
google_ad_type = "text_image";
//2007-09-30: webmajestic
google_ad_channel = "6999496151";
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "0033FF";
google_color_text = "000000";
google_color_url = "0033FF";
//-->
</script>
              <script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
            </div>
            <!-- #BeginEditable "content" --> 
            <div align="center"></div>
            <table width="100%" border="0" cellspacing="0" cellpadding="5">
              <tr valign="top"> 
                <td> 
                  <h1 align="center">XHTML - Kicking And Screaming Into The Future 
                    by: Eric Lester </h1>
                  <table width="100%" border="0" cellspacing="0" cellpadding="2">
                    <tr valign="top"> 
                      <td><font face="Arial, Helvetica, sans-serif" size="2"> 
                        <script type="text/javascript"><!--
google_ad_client = "pub-3142337522589164";
google_ad_width = 336;
google_ad_height = 280;
google_ad_format = "336x280_as";
google_ad_type = "text";
//2006-12-07: webmajestic
google_ad_channel = "6999496151";
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "0033FF";
google_color_text = "000000";
google_color_url = "0033FF";
//--></script>
                        <script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
                        </font> 
                        <table width="236" border="1" cellspacing="0" cellpadding="5" bordercolor="#6666FF">
                          <tr> 
                            <td> 
                              <p><b>Related Articles</b></p>
                              <p><a href="webdesign-business.html">Web Design 
                                Business - 5 Surefire Ways To Fail</a></p>
                              <p><a href="web-design-work.html">How Not To Get 
                                Web Design Work</a></p>
                              <p><a href="website-copy.html">Your Website Copy 
                                Could be Letting You Down</a></p>
                            </td>
                          </tr>
                        </table>
                        <p>&lt;&lt; <a href="index.html">Return to Articles Home 
                          Page</a><font face="Arial, Helvetica, sans-serif" size="2"> 
                          </font></p>
                      <font face="Arial, Helvetica, sans-serif" size="2"> </font></td>
                      <td> 
                        <p>XHTML, the standard, was first released back in 2000. 
                          Roughly five years later we begin to see major websites 
                          revised to use this standard. Even the favorite whipping 
                          boy of standards-compliance punditry, Microsoft, presents 
                          their primary homepages, msn.com and microsoft.com in 
                          XHTML. Standards compliant XHTML sites are still the 
                          minority. The reason is simple. When the W3C released 
                          the new standard, the rest of the web running on HTML 
                          did not cease to function. Nor will the rest of the 
                          web, written in various flavors of HTML, cease to function 
                          any time soon. Without any pressing need to conform 
                          to the new standard, designers continue to use old, 
                          familiar methods. These methods will perform in any 
                          modern browser, so why bother switching? </p>
                        <p>These sentiments are similar to ones I experienced. 
                          A kind of &quot;if it's not broke, don't fix it&quot; 
                          mentality sets in. Whether HTML was &quot;broken&quot; 
                          or not is a different argument. To the casual Internet 
                          user, their standards are fairly direct. If a site displays 
                          without noticeable error and functions to their satisfaction, 
                          these standards are met. Whatever additional steps the 
                          browser took to make such display possible is irrelevant 
                          to most users. This kind of mentality is difficult to 
                          overcome in designers accustomed to their old methods. 
                        </p>
                        <p>Technical obstacles to adopting XHTML may be quite 
                          steep as well, especially as regards large, existing 
                          websites with complex scripting. Yet the time may eventually 
                          come where yesterday's &quot;tried and true&quot; HTML 
                          is little more than an ancient language, unable to be 
                          interpreted by modern electronic devices. Whether one 
                          agrees with the direction the W3C takes in the development 
                          of HTML is irrelevant, you are just along for the ride. 
                          With some perseverance, getting the hang of XHTML is 
                          possible. In form, it is not as different from HTML 
                          as Japanese is from English. Knowing HTML grants a basic 
                          knowledge of the language, it simply becomes a matter 
                          of learning a particular dialect. Even an original nay-sayer 
                          such as myself managed to do it. </p>
                        <p>Benefits of XHTML <br>
                          There are 2 primary benefits to using XHTML. First is 
                          the strict nature of valid XHTML documents. &quot;Valid&quot; 
                          documents contain no errors. Documents with no errors 
                          can be parsed more easily by a browser. Though the time 
                          saved is, admittedly, negligible from the human user's 
                          point of view, there is a greater efficiency to the 
                          browser's performance. Most modern browsers will function 
                          well in what's usually referred to as &quot;quirks&quot; 
                          mode, where, in the absence of any on-page information 
                          about the kind of HTML they are reading, present a &quot;best 
                          guess&quot; rendering of a page. The quirks mode will 
                          also forgive many errors in the HTML. Modern browsers 
                          installed on your home computer have the luxury of size 
                          and power to deal with these errors. When browser technology 
                          makes the leap to other appliances it may not have the 
                          size and power to be so forgiving. This is where the 
                          strict, valid documents demanded by the XHTML standard 
                          become important. </p>
                        <p>The second benefit is in the code itself, which is 
                          cleaner and more compact than common, &quot;table&quot; 
                          based layout in HTML. Though XHTML retains table functionality, 
                          the standard makes clear tables are not to be used for 
                          page layout or anything other than displaying data in 
                          a tabular format. This is generally the primary obstacle 
                          most designers have with moving to XHTML. The manner 
                          in which many designers have come to rely on to layout 
                          and organize their pages is now taboo. Simple visual 
                          inspection of XHTML code reveals how light and efficient 
                          it is in comparison to a table based HTML layout. XTHML 
                          makes use of Cascading Style Sheets (CSS), which, when 
                          called externally, remove virtually all styling information 
                          from the XHTML document itself. This creates a document 
                          focused solely on content. </p>
                        <p>XHTML makes use of &quot;div&quot; tags to define content 
                          areas. How these &quot;divisions&quot; are displayed 
                          is controlled by CSS. This is known as CSS-P, or CSS 
                          Positioning. Trading in &quot;table&quot; tags for &quot;divs&quot; 
                          can be tough. Learning a new way of accomplishing an 
                          already familiar task is generally difficult. Like learning 
                          to use a different design program or image editor, frustration 
                          can be constant. Looking at &quot;divs&quot; as a kind 
                          of table cell might be helpful, though they are not 
                          entirely equivalent. As required by the XHTML standard, 
                          always make sure there is a DOCTYPE definition at the 
                          top of the document. This is not only required by the 
                          standard, but it will force Internet Explorer 6, currently 
                          the most common browser, to enter its &quot;standards 
                          compliance&quot; mode. IE6 and Firefox, both operating 
                          in standards compliance mode will display XHTML in much 
                          the same way. Not identical, but far better than IE6 
                          operating in quirks mode. Learning how to iron out the 
                          final differences between displays is the final obstacle 
                          and can require a bit of tweaking in the CSS. </p>
                        <p>Clean code has multiple benefits. It creates a smaller 
                          page size which, over time, can save costs associated 
                          with transfer usage. Though the size difference may 
                          appear small, for someone running a highly trafficked 
                          site, even saving a few kilobytes of size can make a 
                          big difference. Further, some believe search engines 
                          may look more kindly on standards complaint pages. This 
                          is only a theory, though. In a general sense, any page 
                          modification that makes the content easier to reach 
                          and higher in the code is considered wise. Search engines, 
                          so it is believed, prefer to reach content quickly, 
                          and give greater weight to the first content they encounter. 
                          Using XHTML and &quot;div&quot; layout allows designers 
                          to accomplish this task more easily. </p>
                        <p>Conclusions <br>
                          XHTML is the current standard set by the W3C. The W3C 
                          continues development of XHTML, and XHTML 2.0 will replace 
                          the current standard in the future. Learning and using 
                          XHTML today will help designers prepare for tomorrow. 
                          Valid XTHML produces no errors that might slow down 
                          a browser, and the code produced is clean and efficient. 
                          This saves in file size and helps designers better accomplish 
                          their search engine optimization goals. Learning XHTML 
                          is primarily about learning a new way to lay out pages. 
                          Though frustrating at first, the long term benefits 
                          far outweigh any initial inconvenience. </p>
                        <p>About the author:<br>
                          Eric Lester worked in the IT industry for 5 years, acquiring 
                          knowledge of hosting, website design, before serving 
                          for 4 years as the webmaster for Apollo Hosting, <a href="http://www.apollohosting.com" target="_blank">http://www.apollohosting.com</a> 
                          Apollo Hosting provides website hosting, ecommerce hosting, 
                          vps hosting, and web design services to a wide range 
                          of customers. </p>
                      </td>
                    </tr>
                  </table>
                  <font face="Arial, Helvetica, sans-serif" size="2"> </font></td>
              </tr>
            </table>
            <!-- #EndEditable --> 
            <div align="center"> </div>
            <div align="right"></div>
          </td>
        </tr>
      </table>
    </td>
    <td>&nbsp;</td>
  </tr>
  <tr valign="top"><!-- row 3 --> 
    <td background="../images/hoover_index_r3_c1.gif" valign="middle"> 
      <div align="center"><a href="http://www.webmajestic.com">Home</a> | <a href="http://www.webmajestic.com/webguide.html">Tutorials</a> 
        | <a href="http://www.webmajestic.com/userpages">Free Site Builder</a> 
        | <a href="http://www.webmajestic.com/templates">Templates</a> | <a href="http://www.webmajestic.com/articles">Articles</a> 
        | <a href="http://www.webmajestic.com/graphics">Free Web Graphics</a> 
        | <a href="http://www.webmajestic.com/awardsprogram.html"> </a> <a href="http://www.webmajestic.com/resources.html">Web 
        Resources</a> | <a href="http://www.webmajestic.com/links.html">Links</a> 
        | <a href="http://www.webmajestic.com/privacy.html">Privacy</a> | <a href="http://www.webmajestic.com/contact.html">Contact</a></div>
    </td>
    <td><img src="../images/shim.gif" width="1" height="34" border="0"></td>
  </tr>
</table>
<div align="center"><font color="#CC6600"><font color="#FFFFFF"> © 2000-2008 <a href="http://www.webmajestic.com">Webmajestic.com</a>. 
  All Rights Reserved</font></font><font color="#FFFFFF">.</font> </div>
</body>

<!-- #EndTemplate --></html>