<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="/styles/XMLStylesDoc_xhtml10_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>/</path>
   <site>HTML 5 Reference</site>
   <logo xlink:type="simple" xlink:href="/images/html-5.jpg" media="screen" width="156" height="27">HTML 5 Reference</logo>
   <logo xlink:type="simple" xlink:href="/images/html-5.jpg" media="print" width="156" height="27">HTML 5 Reference</logo>
   <logo xlink:type="simple" xlink:href="/images/html-5.jpg" media="handheld" width="150" height="17">HTML 5 Reference</logo>
   <navigation where="sections">
      <label>HTML 5 Reference</label>
      <link xlink:type="simple" xlink:href="/index.xml">Home</link>
      <link xlink:type="simple" xlink:href="/tutorial/index.xml">Tutorial</link>
      <link xlink:type="simple" xlink:href="/tags/index.xml">HTML5 Tags</link>
      <link xlink:type="simple" xlink:href="/attributes/index.xml">Attributes</link>
      <link xlink:type="simple" xlink:href="/css-styles/index.xml">CSS Styles</link>
      <link xlink:type="simple" xlink:href="/metatags/index.xml">Metatags</link>
      <link xlink:type="simple" xlink:href="/cheat-sheet/index.xml">Cheat Sheet</link>
      <link xlink:type="simple" xlink:href="/examples/index.xml">Examples</link>
      <link xlink:type="simple" xlink:href="/definitions/index.xml">Definitions</link>
      <link xlink:type="simple" xlink:href="/diffs/index.xml">Differences</link>
      <link xlink:type="simple" xlink:href="/avoid/index.xml">Avoid</link>
      <link xlink:type="simple" xlink:href="/faqs/index.xml">HTML5 FAQs</link>
      <link xlink:type="simple" xlink:href="/prod/rssfeeds.cgi">RSS Feeds</link>
      <link xlink:type="simple" xlink:href="/prod/help/index.cgi">Help</link>
   </navigation>
   <navigation where="left">
      <label>HTML 5 Reference</label>
      <link xlink:type="simple" xlink:href="/tutorial/index.xml">HTML Tutorial</link>
      <link xlink:type="simple" xlink:href="/tags/index.xml">HTML 5 Tags</link>
      <link xlink:type="simple" xlink:href="/attributes/index.xml">HTML Attributes</link>
      <link xlink:type="simple" xlink:href="/css-styles/index.xml">CSS Styles</link>
      <link xlink:type="simple" xlink:href="/metatags/index.xml">HTML Metatags</link>
      <link xlink:type="simple" xlink:href="/cheat-sheet/index.xml">Cheat Sheet</link>
      <link xlink:type="simple" xlink:href="/examples/index.xml">HTML Examples</link>
      <link xlink:type="simple" xlink:href="/definitions/index.xml">Definitions</link>
      <link xlink:type="simple" xlink:href="/diffs/index.xml">HTML 5 Changes</link>
      <link xlink:type="simple" xlink:href="/avoid/index.xml">Things to Avoid</link>
      <link xlink:type="simple" xlink:href="/faqs/index.xml">HTML 5 FAQs</link>
      <link xlink:type="simple" xlink:href="/prod/help/index.cgi">Help</link>
      <link xlink:type="simple" xlink:href="/prod/help/index.cgi?p=about">About</link>
   </navigation>
   <section type="body">
      <pages id="features" name="features">
         <page id="N10166" name="features">
            <label>Features</label>
            <title>History and Features of HTML 5</title>
            <h2>Some History of HTML</h2>
            <p>During the 1990's, the HTML standard had been evolving pretty steadily. But as
               Internet Explorer, with it's non-standard extensions, gained popularity with
               developers it caused a divergence between the standard and the implementation, which
               resulted in the evolution of the markup language becoming stagnant for almost a decade.
               Attempt to make some additional improvements in HTML, as
               <acronym term="Extensible Hypertext Markup Language">XHTML</acronym>,
               unfortunately backfired and resulted in further chaos in HTML development.
            </p>
            <p>Finally, HTML version 5 promises to bring order back to the chaos.
               There is enough support from vendors and standards bodies behind HTML 5
               that developers who have been creating web sites using HTML and XHTML as well
               as Flash can confidently start their migration to this latest version of HTML.
               Many web browsers, including Chrome, Firefox, Opera and Safari already support
               many of the features of HTML 5.
               In particular, developers who are concerned about their web site content and
               apps running on mobile devices <i>should</i> start their migration to HTML 5.
            </p>
            <h2>Features of HTML 5</h2>
            <dl>
               <subpage id="N1017C" name="separation">
                  <di>
                     <dt>Style of web page elements</dt>
                     <dd>HTML 5 continues to promote the separation of the semantic content
                        of documents from the style of presentation of elements on web pages.
                        Many of the HTML tags deprecated in this version were non-semantic tags
                        which provided only some specific styling of web page elements.
                     </dd>
                  </di>
               </subpage>
               <subpage id="N10183" name="accessibility">
                  <di>
                     <dt>Separation of main content and navigation</dt>
                     <dd>Earlier versions of HTML were not designed with accessibility in mind.
                        Web page designers created some workarounds such as "Skip Navigation" links
                        (similar to "Skip Intro" buttons), which would be placed near the beginning
                        of web pages to allow users "viewing" a site with an HTML screen reader to
                        keep the software from having to vocalize the navigation links on every page.
                     </dd>
                     <dd>HTML 5 continues to support XSL style sheets, which allow the navigation
                        and other common elements to be completely removed from the documents
                        with the main content and placed in one or more style sheet documents.
                        The advantages of separating the navigation from the main content include:
                        <ol>
                           <li>making the web pages more accessible, by not forcing screen readers
                              to vocalize all of the navigation links before getting to the main content
                           </li>
                           <li>centralizing the "look and feel" of the web site using the
                              templates in the style sheet documents
                           </li>
                           <li>improving page load times, since the style sheet documents can
                              be cached by the browser and downloaded just once as opposed to
                              when the common navigation elements are wrapped around the
                              content and downloaded again and again with every web page
                           </li>
                           <li>making the web pages more mobile-friendly</li>
                        </ol>
                     </dd>
                  </di>
               </subpage>
            </dl>
            <updated local="2010-06-20">Sunday June 20, 2010 (Father's Day)</updated>
         </page>
      </pages>
   </section>
   <copyright>Copyright © 2009 Accilent<span class="sup">®</span> Corp. 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>
</document>

