; HTML5 and CSS3 HTML5 HTML5 defines the fifth major revision of
Learning Center
Plans & pricing Sign in
Sign Out
Your Federal Quarterly Tax Payments are due April 15th Get Help Now >>

HTML5 and CSS3 HTML5 HTML5 defines the fifth major revision of


  • pg 1
									HTML5 and CSS3

I) HTML5: HTML5 defines the fifth major revision of the core language of the World Wide Web, HTM
    HTML5 is still a draft. The contents of HTML5, as well as the contents of this document which
     depend on HTML5, are still being discussed on the HTML Working Group and WHATWG
     mailing lists.
    Following its immediate predecessors HTML 4.01 and XHTML 1.1, HTML5 is a response to the
     observation that the HTML and XHTML in common use on the World Wide Web, is a mixture of
     features introduced by various specifications, along with those introduced by software products
     such as web browsers, those established by common practice, and the many syntax errors in
     existing web documents.
    In particular, HTML5 adds many new syntactical features. These include the <video>, <audio>,
     and <canvas> elements, as well as the integration of SVG content. These features are designed to
     make it easy to include and handle multimedia and graphical content on the web without having
     to resort to proprietary plugins and APIs
    Other new elements, such as <section>, <article>, <header>, and <nav>, are designed to enrich
     the semantic content of documents. New attributes have been introduced for the same purpose,
     while some elements and attributes have been removed. Some elements, such as <a>, <cite> and
     <menu> have been changed, redefined or standardized
    The APIs and DOM are no longer afterthoughts, but are fundamental parts of the HTML5
    HTML5 also defines in some detail the required processing for invalid documents, so that syntax
     errors will be treated uniformly by all conforming browsers and other user agents
    What’s news:
      HTML 5 New Doctype and Charset: The nice thing about HTML 5 is how easy it is to
          impelement. You use the HTML 5 doctype, which is very simple and streamlined:

               <!doctype html>

                Yes, that's it. Just two words "doctype" and "html". It can be this simple because HTML
       5 is no longer part of SGML, but is instead a markup language all on its own.The character set for
       HTML 5 is streamlined as well. It uses UTF-8 and you define it with just one meta tag:

       <meta charset="UTF-8">

          HTML 5 New Structure

               HTML 5 recognizes that Web pages have a structure, just like books have a structure or
       other XML documents. In general, Web pages have navigation, body content, and sidebar content
       plus headers, footers, and other features. And HTML 5 has created tags to support those elements
       of the page.

               * <section> - to define sections of pages

               * <header> - defines the header of a page

               * <footer> - defines the footer of a page
            * <nav> - defines the navigation on a page

                * <article> - defines the article or primary content on a page

            * <aside> - defines extra content like a sidebar on a page

            * <figure> - defines images that annotate an article

       HTML 5 New Inline Elements

       These inline elements define some basic concepts and keep them semantically marked up,
    mostly to do with time:

                * <mark> - to indicate content that is marked in some fashion

                * <time> - to indicate content that is a time or date

                * <meter> - to indicate content that is a fraction of a known range - such as disk usage

                * <progress> - to indicate the progress of a task towards completion

       HTML 5 New Dynamic Pages Support

        HTML 5 was developed to help Web application developers, so there are a lot of new
    features to make it easy to create dynamic HTML pages:

           * Context menus - HTML 5 will support the creation and use of context menus within
    Web pages and applications

            * href is not required on a tag - this allows you to use the a tag with scripts and in Web
    applications without needing a place to send that anchor

            * async attribute - This is added to the script tag to tell the browser that the script should
    be loaded asynchronously so that it doesn't slow down the load and display of the rest of the page.

                * <details> - provides details about an element. This would be like tooltips in non-Web

            * <datagrid> - creates a table that is built from a database or other dynamic source

           * <menu> - an old tag brought back and given new life allowing you to create a menu
system on your Web pages

            * <command> - defines actions that should happen when a dynamic element is activated

       HTML 5 New Form Types

        HTML 5 supports all the standard form input types, but it adds a few more:
          * datetime

          * datetime-local

          * date

          * month

          * week

          * time

          * number

          * range

          * email

          * url

   HTML 5 New Elements

    There are a few exciting new elements in HTML 5:

          * <canvas> - an element to give you a drawing space in JavaScript on your Web pages.
       It can let you add images or graphs to tool tips or just create dyanmic graphs on your
       Web pages, built on the fly.

          * <video> - add video to your Web pages with this simple tag.

          * <audio> - add sound to your Web pages with this simple tag.

   HTML 5 Removes Some Elements

    There are also some elements in HTML 4 that will no longer be supported by HTML 5. Most
are already deprecated, and so shouldn't be surprising, but a few might be difficult:

          * font

          * frame

          * frameset

          * isindex

          * noframes

          * noscript

 * strike

 * tt



             1. http://webdesign.about.com/od/html5/a/html_5_whats_new.htm
             2. http://en.wikipedia.org/wiki/HTML_5

To top