<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="/styles/XMLStylesDoc_xhtml11_en.xsl"?><!DOCTYPE document SYSTEM "/schemas/XMLStyles10.dtd">
<document xmlns="http://XMLStyles.com/namespaces/styles" xmlns:xst="http://XMLStyles.com/namespaces/styles" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:date="http://exslt.org/dates-and-times">
   <noxml>
      <p xmlns="http://www.w3.org/1999/xhtml"/>
      <!-- You are viewing the source.  The following message should be ignored if you did "View Source" in your browser. -->
      <p xmlns="http://www.w3.org/1999/xhtml">
ATTENTION: XML WEB PAGES NOT SUPPORTED
   If you see this message, your current browser does not support the
   1999 XSLT 1.0 (or later) standard for XML web pages such as this one.
   Please upgrade your browser to a newer version
   that supports 1999 or later standards such as:
      Mozilla Firefox version 1.0.2 or later (GetFirefox -&gt; http://www.GetFirefox.com/)
      Netscape version 8 or later
      Safari version 1.3 or later
      Opera version 9 or later
      Microsoft Internet Explorer (MSIE) version 5 or later
   For further assistance, contact the software vendor for your browser.
   To go to the X<!-- extended HTML -->HTML version of this page click the following link:
<a href="index.html">index.html</a>
      </p>
      <p xmlns="http://www.w3.org/1999/xhtml">&#160;</p>
   </noxml>
   <path>/internet/web/</path>
   <site>How To Guides</site>
   <logo xlink:type="simple" xlink:href="/images/howtohome.jpg" media="screen" width="240" height="34">How To Guides</logo>
   <logo xlink:type="simple" xlink:href="/images/howtoguides.jpg" media="print" width="240" height="34">How To Guides</logo>
   <logo xlink:type="simple" xlink:href="/images/howtoguidesmobile.jpg" media="handheld" width="150" height="17">How To Guides</logo>
   <navigation where="sections">
      <label>How To Guides</label>
      <link xlink:type="simple" xlink:href="/business/index.xml">Business</link>
      <link xlink:type="simple" xlink:href="/computers/index.xml">Computers</link>
      <link xlink:type="simple" xlink:href="/computers/databases/index.xml">Databases</link>
      <link xlink:type="simple" xlink:href="/internet/index.xml">Internet</link>
      <link xlink:type="simple" xlink:href="/mobile/index.xml">Mobile</link>
      <link xlink:type="simple" xlink:href="/money/index.xml">Money</link>
      <link xlink:type="simple" xlink:href="/movies/index.xml">Movies</link>
      <link xlink:type="simple" xlink:href="/computers/os/index.xml">Operating Systems</link>
   </navigation>
   <navigation where="up">
      <link xlink:type="simple" xlink:href="../">Internet</link>
   </navigation>
   <navigation where="subsections">
      <label>Internet</label>
      <link xlink:type="simple" xlink:href="/internet/affiliates/">Affiliates</link>
      <link xlink:type="simple" xlink:href="/internet/domains/">Domain Names</link>
      <link xlink:type="simple" xlink:href="/internet/marketing/">Internet Marketing</link>
      <link xlink:type="simple" xlink:href="/internet/isps/">ISPs</link>
      <link xlink:type="simple" xlink:href="/internet/podcasts/">Podcasts</link>
      <link xlink:type="simple" xlink:href="/internet/tcpip/">TCP/IP</link>
      <link xlink:type="simple" xlink:href="index.xml">Web</link>
      <link xlink:type="simple" xlink:href="/internet/xml/">XML</link>
   </navigation>
   <section id="body" type="body">
      <pages id="webdesign" name="webdesign">
         <navigation where="pages">
            <label>webdesign</label>
            <link xlink:type="simple" xlink:href="designers.xml">Designers</link>
            <link xlink:type="simple" xlink:href="standards.xml">Standards</link>
            <link xlink:type="simple" xlink:href="techniques.xml">Techniques</link>
            <link xlink:type="simple" xlink:href="designtools.xml">Design Tools</link>
         </navigation>
         <navigation where="up">
            <link xlink:type="simple" xlink:href="index.xml">Web</link>
         </navigation>
         <page id="standards" name="standards">
            <title>Web Publishing Standards</title>
            <label>Standards</label>
            <subpage id="N10185" name="standards">
               <title>Web Publishing Standards</title>
               <label>Web Publishing</label>
               <h1>Web publishing standards</h1>
               <p>Web publishing standards can be separated into two categories:
               </p>
               <ol>
                  <li id="browser">those standards that apply to the client browser, and
                     must be supported at least to some extent in any browser
                  </li>
                  <li>standards that apply to the server, and therefore may or may not be
                     applicable depending on whether the server delivers static web pages or
                     dyamically generated content (via CGI, servlets, portlets, etc.), and
                     will vary in level of support provided by different products depending
                     on whether the vendor provides proprietary or open-source solutions
                  </li>
               </ol>
               <h1>Advantages of designing web sites with the latest standards</h1>
               <dl>
                  <di>
                     <dt>Faster page loading</dt>
                     <dd>
                        <p>Putting the common content of your site's pages into separate
                           <link xlink:type="simple" xlink:href="techniques.xml#templates">template files</link>,
                           allows a browser to download the templates into cache just once for the entire site.
                           Since the common elements can be half of the <acronym term="Hypertext Markup Language">HTML</acronym> code
                           for typical web pages, moving them into templates can easily
                           reduce the size of the files being downloaded by 50% or more.
                        </p>
                        <p>Beware of some older design tools and web developers that
                           duplicate the common elements on every single web page.
                           This slows down page load times, increases bandwidth
                           requirements, and makes the site much harder to maintain.
                        </p>
                        <p>Since your site is probably being developed and tested over
                           a high-speed LAN or broadband connection, it's likely that you
                           would not even notice a performance problem that could seriously
                           affect users who are not on a similar type of connection.
                        </p>
                     </dd>
                  </di>
                  <di>
                     <dt>Retain more visitors</dt>
                     <dd>
                        <p>The longer pages take to load, the more likely that
                           web site visitors will leave and go to another site.
                           When your pages load faster, fewer visitors will
                           be leaving your site to go to another, faster one.
                        </p>
                        <p>Some might argue that since most users now have broadband connections,
                           you can probably assume that users have high-speed Internet connections,
                           and so page download time doesn't matter much any more.
                           But this misses the fact that the number of cell phones
                           and other wireless devices accessing the Internet with
                           slower connection speeds has been continuously increasing.
                           So you shouldn't assume that users have a fast connection
                           because connection speeds are actually all over the place.
                           And do you really want to lose visitors on slower connections, even
                           if you assumed those users were only the ones on dial-up connections?
                        </p>
                     </dd>
                  </di>
                  <di>
                     <dt>Lower bandwith costs</dt>
                     <dd>When the common elements of a web site's content can be cached, the
                        bandwith requirements and the associated costs will be greatly reduced.
                        If instead those elements are put into web pages on
                        the server side and downloaded with every web page,
                        page sizes and bandwidth requirements can easily be doubled.
                     </dd>
                  </di>
                  <di>
                     <dt>Easier to maintain</dt>
                     <dd>When the common elements of your content are stored in
                        one place, it makes your web site much easier to maintain.
                        To change the look and feel of your site, you simply change
                        the template in the one file containing the common elements.
                        Changing individual pages is also easier, since those pages
                        are not cluttered up with all of the common site elements.
                     </dd>
                  </di>
                  <di>
                     <dt>Cross-browser compatibility</dt>
                     <dd>Sites designed for more recent standards are more likely
                        to look pretty much the same in all current browsers.
                        In addition, if the pages are small enough, they may even
                        look acceptable when displayed on portable handheld devices.
                     </dd>
                  </di>
                  <di>
                     <dt>Forward compatibility</dt>
                     <dd>As standards evolve, new versions are
                        developed with backward compatibility in mind.
                        When necessary for a change that introduces compatibility problems,
                        those changes are typically made gradually over a number of versions
                        and by gracefully deprecating the older specifications.
                        Developing web sites to more recent standards will reduce
                        the work needed to update a site as the standards evolve.
                     </dd>
                  </di>
               </dl>
               <p>This discussion applies to
                  <link xlink:type="simple" xlink:href="#browser">web publishing standards for browsers</link>,
                  which are on the client side of an <acronym term="Hypertext Transfer Protocol">HTTP</acronym> connection.
                  From the browser's point of view, it doesn't matter how
                  the pages are constructed on the server, whether they are
                  static pages that are simply downloaded or dynamic web pages
                  that are built on-the-fly by an application server.
                  So you can easily tell whether a site is using templates
                  by viewing the source after downloading a page in a browser.
                  If, above the <code>html</code> tag near the top of the page,
                  you see one or more <code>xml-stylesheet</code>
                  processing instructions such as any of these examples:
               </p>
               <blockcode>
                  <l>&lt;?xml-stylesheet type="text/xsl" href="/<i>templates</i>.xsl"?&gt;</l>
                  <l>&lt;?xml-stylesheet type="application/xslt+xml" href="/<i>templates</i>.xsl"?&gt;</l>
               </blockcode>
               <p>then the site is using templates.  If, on the other hand, there is no
                  <code>xml-stylesheet</code> instruction before the <code>html</code> tag,
                  you'll probably see <acronym term="Hypertext Markup Language">HTML</acronym> for common elements in the source for
                  that page as well as duplicated in other pages all over the site,
                  which indicates that there is a lot of wasted code and bandwidth.
               </p>
               <p>Since there's no good reason at this point to be designing web sites that
                  need to support 1997 <acronym term="Hypertext Markup Language">HTML</acronym> 4.x browsers, such as Internet Explorer version 4,
                  using more recent standards provides all advantages and no disadvantages.
                  So this should be a no-brainer unless you really
                  want your site to cost twice as much for bandwidth,
                  be more difficult to maintain and to lose visitors.
               </p>
            </subpage>
            <updated local="2006-12-02">Saturday December 2, 2006</updated>
         </page>
      </pages>
   </section>
   <copyright>Copyright © 2007 How To Guides .com. Alteration of content, including addition of any function such as hypertext links or pop-up advertising, or interference with the hypertext links or other functions of this site is expressly prohibited.</copyright>
   <disclaimer>All information, links, forms, applications and other items on this site or obtained from it are provided <b>AS IS</b>, WITHOUT WARRANTY OF ANY KIND EITHER EXPRESSED OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.</disclaimer>
   <ids urchin="UA-779578-2"/>
</document>

